aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2018-05-31 09:51:51 +0200
committerChocobozzz <me@florianbigard.com>2018-05-31 09:51:51 +0200
commit77728efa627527a9f0f27010a597e8984d7a27f8 (patch)
tree487c4b5e90bba172b2d23499605f72f2cf28f207 /client/src/sass
parent0bf1f2652382089c06434a7d297b638aad778b52 (diff)
downloadPeerTube-77728efa627527a9f0f27010a597e8984d7a27f8.tar.gz
PeerTube-77728efa627527a9f0f27010a597e8984d7a27f8.tar.zst
PeerTube-77728efa627527a9f0f27010a597e8984d7a27f8.zip
Fix player progress bar
Diffstat (limited to 'client/src/sass')
-rw-r--r--client/src/sass/video-js-custom.scss64
1 files changed, 31 insertions, 33 deletions
diff --git a/client/src/sass/video-js-custom.scss b/client/src/sass/video-js-custom.scss
index 350e7cdd5..64805a3a1 100644
--- a/client/src/sass/video-js-custom.scss
+++ b/client/src/sass/video-js-custom.scss
@@ -130,39 +130,6 @@ $context-menu-width: 350px;
130 background-color: rgba($primary-background-color, 0.5); 130 background-color: rgba($primary-background-color, 0.5);
131 } 131 }
132 132
133 .vjs-slider {
134 background-color: rgba(255, 255, 255, .3);
135 border-radius: 2px;
136 height: 5px;
137
138 .vjs-slider-bar {
139 background: $primary-foreground-color;
140 }
141 }
142
143 .vjs-play-progress {
144
145 &::before {
146 top: -0.3em;
147
148 &:hover {
149 top: -0.372em;
150 }
151 }
152
153 .vjs-time-tooltip {
154 display: none;
155 }
156 }
157
158 .vjs-load-progress {
159 background: rgba($slider-bg-color, 0.5);
160
161 div {
162 background: rgba($slider-bg-color, 0.75);
163 }
164 }
165
166 .vjs-poster { 133 .vjs-poster {
167 outline: none; /* Remove Blue Outline on Click*/ 134 outline: none; /* Remove Blue Outline on Click*/
168 outline: 0; 135 outline: 0;
@@ -197,6 +164,37 @@ $context-menu-width: 350px;
197 opacity: $primary-foreground-opacity; 164 opacity: $primary-foreground-opacity;
198 } 165 }
199 166
167 .vjs-slider {
168 background-color: rgba(255, 255, 255, .2);
169 border-radius: 2px;
170 height: 5px;
171
172 .vjs-slider-bar {
173 background: $primary-foreground-color;
174 }
175 }
176
177 .vjs-play-progress {
178
179 &::before {
180 top: -0.3em;
181
182 &:hover {
183 top: -0.372em;
184 }
185 }
186
187 .vjs-time-tooltip {
188 display: none;
189 }
190 }
191
192 .vjs-load-progress {
193 &, & div {
194 background: rgba(255, 255, 255, .2);
195 }
196 }
197
200 .vjs-progress-control { 198 .vjs-progress-control {
201 bottom: 34px; 199 bottom: 34px;
202 width: 100%; 200 width: 100%;