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

Redesign country dropdown to fit redesign

Browse source 
This tweaks colors of the country dropdown to blend in better with the rest of
the design.

Fixes https://github.com/vector-im/riot-web/issues/9048
This commit is contained in:
J. Ryan Stinnett 2019-03-06 17:53:44 +00:00
parent 4a1b723ab5
commit 1cefa44319
2 changed files with 10 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

4
res/css/views/auth/_AuthBody.scss
View file

@ -80,6 +80,10 @@ limitations under the License.
background-color: $authpage-primary-color; background-color: $authpage-primary-color;
} }
.mx_Dropdown {
color: $authpage-primary-color;
}
.mx_Dropdown_arrow { .mx_Dropdown_arrow {
background: $authpage-primary-color; background: $authpage-primary-color;
} }

13
res/css/views/elements/_Dropdown.scss
View file

@ -16,6 +16,7 @@ limitations under the License.
.mx_Dropdown { .mx_Dropdown {
position: relative; position: relative;
color: $primary-fg-color;
} }
.mx_Dropdown_disabled { .mx_Dropdown_disabled {
@ -33,7 +34,7 @@ limitations under the License.
} }
.mx_Dropdown_input:focus { .mx_Dropdown_input:focus {
border-color: $accent-color; border-color: $input-focused-border-color;
} }
/* Disable dropdown highlight on focus */ /* Disable dropdown highlight on focus */
@ -76,7 +77,9 @@ limitations under the License.
vertical-align: middle; vertical-align: middle;
} }
input.mx_Dropdown_option, input.mx_Dropdown_option:focus { input.mx_Dropdown_option,
input.mx_Dropdown_option:focus {
font-weight: normal;
border: 0; border: 0;
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
@ -95,7 +98,7 @@ input.mx_Dropdown_option, input.mx_Dropdown_option:focus {
margin: 0; margin: 0;
padding: 0px; padding: 0px;
border-radius: 3px; border-radius: 3px;
border: 1px solid $accent-color; border: 1px solid $input-focused-border-color;
background-color: $primary-bg-color; background-color: $primary-bg-color;
max-height: 200px; max-height: 200px;
overflow-y: auto; overflow-y: auto;
@ -110,10 +113,6 @@ input.mx_Dropdown_option, input.mx_Dropdown_option:focus {
background-color: $focus-bg-color; background-color: $focus-bg-color;
} }
.mx_Dropdown_menu {
font-weight: bold;
}
.mx_Dropdown_searchPrompt { .mx_Dropdown_searchPrompt {
font-weight: normal; font-weight: normal;
margin-left: 5px; margin-left: 5px;