specter/mastodon
1
0
Fork 1
forked from fedi/mastodon
Code Pull requests Activity

fix(video): Position of play icon (#2608)

Browse source 
* fix(video): Position of play icon

#2601

* fix(overlay-button): Positioning

* fix(expand): Bottom align expand icon

* feat(video): Fit landscape videos into preview area
This commit is contained in:
Stephen Burgess 2017-04-29 09:23:27 -04:00 committed by Eugen Rochko
parent d0665726ca
commit e3b60b07d9
1 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
app/assets/stylesheets/components.scss
View file

@ -3097,7 +3097,7 @@ button.icon-button.active i.fa-retweet {
object-fit: cover;
position: relative;
top: 50%;
transform: translateY(-50%);
transform: translateY(-35%);
width: 100%;
z-index: 1;
}
@ -3109,19 +3109,24 @@ button.icon-button.active i.fa-retweet {
position: absolute;
right: 4px;
text-shadow: 0px 1px 1px #000, 1px 0px 1px #000;
top: 4px;
}
.status__video-player-spoiler {
color: #fff;
left: 4px;
position: absolute;
text-shadow: 0px 1px 1px #000, 1px 0px 1px #000;
top: 4px;
z-index: 100;
}
.status__video-player-expand {
bottom: 4px;
z-index: 100;
}
.status__video-player-mute {
top: 4px;
z-index: 5;
}
@ -3136,6 +3141,7 @@ button.icon-button.active i.fa-retweet {
border-radius: 100px;
color: rgba(255, 255, 255, 0.8);
font-size: 36px;
left: 50%;
padding: 5px;
position: absolute;
top: 50%;