From eabb40a0bf06a17a8f91d9b9535f500777c4bcb3 Mon Sep 17 00:00:00 2001 From: Francis Lachapelle Date: Tue, 18 Feb 2020 16:24:36 -0500 Subject: [PATCH] fix(css): improve contrast of toolbars w/input field --- .../scss/components/toolbar/toolbar.scss | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) diff --git a/UI/WebServerResources/scss/components/toolbar/toolbar.scss b/UI/WebServerResources/scss/components/toolbar/toolbar.scss index 1a585a479..75b29997d 100644 --- a/UI/WebServerResources/scss/components/toolbar/toolbar.scss +++ b/UI/WebServerResources/scss/components/toolbar/toolbar.scss @@ -64,16 +64,24 @@ md-dialog { } // Light colors for md-input inside md-toolbar -md-toolbar:not(.md-accent.md-hue-1) md-input-container:not(.md-input-invalid) { +md-toolbar:not(.md-accent):not(.md-hue-1) md-input-container:not(.md-input-invalid), +md-toolbar:not(.md-accent):not(.md-hue-1) md-chips, +md-toolbar:not(.md-accent):not(.md-hue-1) .pseudo-input-container md-select:focus { &.md-input-focused label, - .md-input { + .md-input, + .md-select-value { color: rgba(255,255,255,0.87); // {{primary-contrast}} } - &.md-input-focused .md-input { + &.md-input-focused .md-input, + &.md-input-focused .md-select-value, + > .md-select-value { padding-bottom: $input-border-width-focused - $input-border-width-default; border-bottom-width: $input-border-width-default; border-color: rgba(255,255,255,0.87); // {{primary-contrast}} } + .md-chips.md-focused { + box-shadow: 0 1px rgba(255,255,255,0.87); // {{primary-contrast}} + } } header {