treehouse
/
mastodon
21
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

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

* 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
lolsob-rspec
Stephen Burgess 2017-04-29 09:23:27 -04:00 committed by Eugen Rochko
parent 4b3a1e7790
commit e2b95ef337
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%;