about summary refs log tree commit diff
diff options
context:
space:
mode:
authorStephen Burgess <stephenburgess8@gmail.com>2017-04-29 09:23:27 -0400
committerEugen Rochko <eugen@zeonfederated.com>2017-04-29 15:23:27 +0200
commite3b60b07d91ac2754e059c29a60709e83d1b90f3 (patch)
tree51113fa5f533e4df1ec7379740ba9cbfb6fbc679
parentd0665726ca821cd903e35f19642ef002518228c5 (diff)
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
-rw-r--r--app/assets/stylesheets/components.scss10
1 files changed, 8 insertions, 2 deletions
diff --git a/app/assets/stylesheets/components.scss b/app/assets/stylesheets/components.scss
index 11d50673d..68b2be9ec 100644
--- a/app/assets/stylesheets/components.scss
+++ b/app/assets/stylesheets/components.scss
@@ -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%;