From 3dece507bcdb99a06d2b6c95d4aa83b2f1019b92 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Andr=C3=A9?= <34163393+amtins@users.noreply.github.com> Date: Tue, 6 Jun 2023 23:24:00 +0200 Subject: [PATCH] fix(text-track-settings): fix text track settings responsiveness when default font size is modified (#8294) --- src/css/components/_captions-settings.scss | 16 +++++++--------- 1 file changed, 7 insertions(+), 9 deletions(-) diff --git a/src/css/components/_captions-settings.scss b/src/css/components/_captions-settings.scss index 8fa89452dd..8c36ed82be 100644 --- 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,