amorfo77/sogo
1
0
Fork 0
mirror of https://github.com/inverse-inc/sogo.git synced 2026-04-11 16:28:51 +00:00
Code Issues Projects Releases Wiki Activity

fix(css): improve contrast of toolbars w/input field

Browse Source
This commit is contained in:
Francis Lachapelle
2020-02-18 16:24:36 -05:00
parent 860d635c9c
commit eabb40a0bf
1 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
UI/WebServerResources/scss/components/toolbar/toolbar.scss
View File

@@ -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 {