diff options
Diffstat (limited to 'client/src/sass/player/peertube-skin.scss')
-rw-r--r-- | client/src/sass/player/peertube-skin.scss | 26 |
1 files changed, 1 insertions, 25 deletions
diff --git a/client/src/sass/player/peertube-skin.scss b/client/src/sass/player/peertube-skin.scss index 876fdf968..332a0e17d 100644 --- a/client/src/sass/player/peertube-skin.scss +++ b/client/src/sass/player/peertube-skin.scss | |||
@@ -71,7 +71,7 @@ body { | |||
71 | height: $big-play-height; | 71 | height: $big-play-height; |
72 | line-height: $big-play-height; | 72 | line-height: $big-play-height; |
73 | margin-top: -(math.div($big-play-height, 2)); | 73 | margin-top: -(math.div($big-play-height, 2)); |
74 | transition: 0.4s opacity; | 74 | transition: 0.2s background-color; |
75 | 75 | ||
76 | &::-moz-focus-inner { | 76 | &::-moz-focus-inner { |
77 | border: 0; | 77 | border: 0; |
@@ -89,30 +89,6 @@ body { | |||
89 | &:hover { | 89 | &:hover { |
90 | background-color: var(--mainColor, #696969); | 90 | background-color: var(--mainColor, #696969); |
91 | } | 91 | } |
92 | |||
93 | } | ||
94 | |||
95 | // Small effect when we click on the play button | ||
96 | &.vjs-has-big-play-button-clicked { | ||
97 | |||
98 | .vjs-big-play-button, | ||
99 | .vjs-poster { | ||
100 | display: block; | ||
101 | visibility: hidden; | ||
102 | |||
103 | &.vjs-big-play-button, | ||
104 | &.vjs-big-play-button::before { | ||
105 | opacity: 0; | ||
106 | transition: visibility 0.2s, opacity 0.2s; | ||
107 | } | ||
108 | |||
109 | &.vjs-poster, | ||
110 | &.vjs-poster::before { | ||
111 | opacity: 0; | ||
112 | transition: visibility 0.3s, opacity 0.3s; | ||
113 | transition-delay: 0.05s; | ||
114 | } | ||
115 | } | ||
116 | } | 92 | } |
117 | 93 | ||
118 | // Show poster and controls when playing audio-only content | 94 | // Show poster and controls when playing audio-only content |