From 18e7bcca2450de9bab13a2162e1ef55ca49a0d50 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C5=81ukasz=20Pior?= Date: Wed, 13 Jun 2018 15:31:53 +0200 Subject: [PATCH] #7517 fix dark combobox styles --- js/lab/src/theme/static/base.css | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) diff --git a/js/lab/src/theme/static/base.css b/js/lab/src/theme/static/base.css index 553ff32e67..14ccde4de5 100644 --- a/js/lab/src/theme/static/base.css +++ b/js/lab/src/theme/static/base.css @@ -25,6 +25,8 @@ min-width: 0; flex-shrink: 1; outline: none !important; + height: var(--jp-widgets-inline-height); + line-height: var(--jp-widgets-inline-height); } .widget-text input[type="password"]:focus { @@ -38,3 +40,26 @@ color: var(--jp-widgets-input-color); font-size: var(--jp-widgets-font-size); } + +.easyform-combobox-input { + box-sizing: border-box; + border: var(--jp-widgets-input-border-width) solid var(--jp-widgets-input-border-color) !important; + background-color: var(--jp-widgets-input-background-color); + color: var(--jp-widgets-input-color); + font-size: var(--jp-widgets-font-size); + padding: var(--jp-widgets-input-padding) calc( var(--jp-widgets-input-padding) * 2 ); + outline: none !important; + height: calc(var(--jp-widgets-inline-height) + 2px); + line-height: var(--jp-widgets-inline-height); +} + +.easyform-combobox-toggle { + border-color: var(--jp-widgets-input-border-color); + background-color: var(--jp-widgets-input-background-color); +} +.easyform-combobox-toggle:focus, +.easyform-combobox-toggle:active, +.easyform-combobox-toggle:hover { + border-color: var(--jp-widgets-input-focus-border-color); + background-color: var(--jp-widgets-input-background-color); +} \ No newline at end of file