fix(text-track-settings): fix text track settings responsiveness when…

… default font size is modified (videojs#8294)
amtins · Jun 6, 2023 · 3dece50 · 3dece50
1 parent f075177
commit 3dece50
Showing 1 changed file with 7 additions and 9 deletions.
diff --git a/src/css/components/_captions-settings.scss b/src/css/components/_captions-settings.scss
@@ -53,6 +53,10 @@
 }
 
 // Form elements
+.vjs-text-track-settings select {
+  font-size: inherit;
+}
+
 .vjs-track-setting > select {
   margin-right: 1em;
   margin-bottom: 0.5em;
@@ -65,7 +69,7 @@
 
 .vjs-text-track-settings fieldset span {
   display: inline-block;
-  padding: 0 6px 8px;
+  padding: 0 .6em .8em;
 }
 
 // style the second select for text colors
@@ -76,17 +80,11 @@
 .vjs-text-track-settings legend {
   color: $primary-foreground-color;
   font-weight: bold;
-  font-size: 14px;
+  font-size: 1.2em;
 }
 
 .vjs-text-track-settings .vjs-label {
-  clip: rect(1px 1px 1px 1px); // for Internet Explorer
-  clip: rect(1px, 1px, 1px, 1px);
-  margin: 0 5px 5px 0;
-  border: 0;
-  height: 1px;
-  width: 1px;
-  overflow: hidden;
+  margin: 0 .5em .5em 0;
 }
 
 .vjs-track-settings-controls button:focus,