aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/standalone/videos/embed.scss
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2018-03-01 19:02:51 +0100
committerChocobozzz <me@florianbigard.com>2018-03-01 19:02:51 +0100
commit3ec8dc096276ac3c7e5d8dca5f100017516f62ec (patch)
treeefeab8056224d54f44dc498a110fba54d831d4f0 /client/src/standalone/videos/embed.scss
parentc7bfd4532ea5783be525525c8260159497cb0f64 (diff)
downloadPeerTube-3ec8dc096276ac3c7e5d8dca5f100017516f62ec.tar.gz
PeerTube-3ec8dc096276ac3c7e5d8dca5f100017516f62ec.tar.zst
PeerTube-3ec8dc096276ac3c7e5d8dca5f100017516f62ec.zip
Cleaner videojs control bar implementation
Diffstat (limited to 'client/src/standalone/videos/embed.scss')
-rw-r--r--client/src/standalone/videos/embed.scss11
1 files changed, 3 insertions, 8 deletions
diff --git a/client/src/standalone/videos/embed.scss b/client/src/standalone/videos/embed.scss
index fbc0e33a0..9fa868c9b 100644
--- a/client/src/standalone/videos/embed.scss
+++ b/client/src/standalone/videos/embed.scss
@@ -26,25 +26,21 @@ html, body {
26 } 26 }
27 27
28 .vjs-peertube-link { 28 .vjs-peertube-link {
29 @include disable-outline;
30
29 color: #fff; 31 color: #fff;
30 text-decoration: none; 32 text-decoration: none;
31 font-size: $font-size; 33 font-size: $font-size;
32 line-height: $control-bar-height; 34 line-height: $control-bar-height;
33 transition: all .4s; 35 transition: all .4s;
34 font-weight: $font-semibold; 36 font-weight: $font-semibold;
35 margin-right: 3px; 37 padding-right: 5px;
36 padding: 0 5px;
37 } 38 }
38 39
39 .vjs-peertube-link:hover { 40 .vjs-peertube-link:hover {
40 text-shadow: 0 0 1em #fff; 41 text-shadow: 0 0 1em #fff;
41 } 42 }
42 43
43 // Fix volume panel because we added a new component (PeerTube link)
44 .vjs-volume-panel {
45 margin-right: 137px !important;
46 }
47
48 @media screen and (max-width: 350px) { 44 @media screen and (max-width: 350px) {
49 .vjs-play-control { 45 .vjs-play-control {
50 padding: 0 5px !important; 46 padding: 0 5px !important;
@@ -57,7 +53,6 @@ html, body {
57 53
58 .vjs-volume-panel { 54 .vjs-volume-panel {
59 width: 26px !important; 55 width: 26px !important;
60 margin-right: 140px !important;
61 } 56 }
62 57
63 .vjs-peertube-link { 58 .vjs-peertube-link {