diff options
Diffstat (limited to 'client/src/sass/player')
-rw-r--r-- | client/src/sass/player/settings-menu.scss | 26 |
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 | } |