Browse Source

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
master
Stephen Burgess 7 years ago
committed by Eugen Rochko
parent
commit
e3b60b07d9
1 changed files with 8 additions and 2 deletions
  1. +8
    -2
      app/assets/stylesheets/components.scss

+ 8
- 2
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%;

Loading…
Cancel
Save