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