matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-08-07 21:23:00 +03:00
Code Activity

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;