aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/player/settings-menu.scss
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2018-07-13 18:21:19 +0200
committerChocobozzz <me@florianbigard.com>2018-07-16 11:50:08 +0200
commit16f7022b06fb76c0b00c23c970bc8df605b0ec63 (patch)
tree0677c72b449485dcaa87ee2b470dfb1a8124b9e0 /client/src/sass/player/settings-menu.scss
parent40e87e9ecc54e3513fb586928330a7855eb192c6 (diff)
downloadPeerTube-16f7022b06fb76c0b00c23c970bc8df605b0ec63.tar.gz
PeerTube-16f7022b06fb76c0b00c23c970bc8df605b0ec63.tar.zst
PeerTube-16f7022b06fb76c0b00c23c970bc8df605b0ec63.zip
Handle subtitles in player
Diffstat (limited to 'client/src/sass/player/settings-menu.scss')
-rw-r--r--client/src/sass/player/settings-menu.scss26
1 files changed, 23 insertions, 3 deletions
diff --git a/client/src/sass/player/settings-menu.scss b/client/src/sass/player/settings-menu.scss
index 0c064c182..d065e72fb 100644
--- a/client/src/sass/player/settings-menu.scss
+++ b/client/src/sass/player/settings-menu.scss
@@ -52,6 +52,7 @@ $setting-transition-easing: ease-out;
52 .vjs-settings-sub-menu-title { 52 .vjs-settings-sub-menu-title {
53 display: table-cell; 53 display: table-cell;
54 padding: 0 5px; 54 padding: 0 5px;
55 text-transform: capitalize;
55 } 56 }
56 57
57 .vjs-settings-sub-menu-title { 58 .vjs-settings-sub-menu-title {
@@ -141,15 +142,15 @@ $setting-transition-easing: ease-out;
141 .vjs-menu-item { 142 .vjs-menu-item {
142 outline: 0; 143 outline: 0;
143 font-weight: $font-semibold; 144 font-weight: $font-semibold;
144
145 padding: 5px 8px;
146 text-align: right; 145 text-align: right;
146 padding: 5px 8px;
147 147
148 &.vjs-back-button { 148 &.vjs-back-button {
149 background-color: inherit; 149 background-color: inherit;
150 padding: 8px 8px 13px 8px; 150 padding: 8px 8px 13px 12px;
151 margin-bottom: 5px; 151 margin-bottom: 5px;
152 border-bottom: 1px solid grey; 152 border-bottom: 1px solid grey;
153 text-align: left;
153 154
154 &::before { 155 &::before {
155 @include chevron-left(9px, 2px); 156 @include chevron-left(9px, 2px);
@@ -174,6 +175,25 @@ $setting-transition-easing: ease-out;
174 } 175 }
175 } 176 }
176 } 177 }
178
179 // Special captions case
180 // Bigger caption button
181 &.vjs-captions-button {
182 width: 200px;
183
184 .vjs-menu-item {
185 text-align: left;
186
187 .vjs-menu-item-text {
188 margin-left: 25px;
189 text-transform: capitalize;
190 }
191 }
192 }
193
194 .vjs-menu {
195 width: inherit;
196 }
177 } 197 }
178 } 198 }
179 } 199 }