OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Redesign country dropdown to fit redesign 

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
pull/21833/head
J. Ryan Stinnett 2019-03-06 17:53:44 +00:00
parent 4a1b723ab5
commit 1cefa44319
2 changed files with 10 additions and 7 deletions
Show Stats 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;
}
.mx_Dropdown {
color: $authpage-primary-color;
}
.mx_Dropdown_arrow {
background: $authpage-primary-color;
}

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

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