imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add input styling for light and dark panels (leftpanel vs room header)

Browse source
This commit is contained in:
Bruno Windels 2018-11-05 09:32:37 +01:00
parent 80afc0982b
commit 46389457e3
7 changed files with 28 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

22
res/themes/dharma/css/_dharma.scss
View file

@ -69,6 +69,8 @@ $primary-hairline-color: #e5e5e5;
$input-border-color: #f0f0f0;
$input-darker-bg-color: rgba(193, 201, 214, 0.29);
$input-darker-fg-color: #9fa9ba;
$input-lighter-bg-color: #f2f5f8;
$input-lighter-fg-color: $input-darker-fg-color;
$button-bg-color: #7ac9a1;
$button-fg-color: white;
@ -222,6 +224,26 @@ input[type=search] {
min-width: 0;
}
.dark-panel {
:not(.mx_textinput) > input[type=text],
:not(.mx_textinput) > input[type=search],
.mx_textinput {
color: $input-darker-fg-color;
background-color: $input-darker-bg-color;
border: none;
}
}
.light-panel {
:not(.mx_textinput) > input[type=text],
:not(.mx_textinput) > input[type=search],
.mx_textinput {
color: $input-lighter-fg-color;
background-color: $input-lighter-bg-color;
border: none;
}
}
// dont search UI as not all browsers support it,
// we implement it ourselves where needed instead