Client - minor style changes
This commit is contained in:
parent
97934f8ffe
commit
6f7f69a807
@ -267,14 +267,20 @@ label {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-list {
|
.dropdown-list {
|
||||||
background-color: #fff;
|
background-color: #f8f9fa;
|
||||||
padding: 5px 0;
|
padding: 5px 0;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
text-align: left;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-item {
|
.dropdown-item {
|
||||||
cursor: default;
|
cursor: default;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-item-selected {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -52,7 +52,11 @@ class Dropdown extends Component {
|
|||||||
)
|
)
|
||||||
.map(language => (
|
.map(language => (
|
||||||
<li
|
<li
|
||||||
className="dropdown-item"
|
className={`dropdown-item${
|
||||||
|
language.name === selected && isOpen
|
||||||
|
? ' dropdown-item-selected'
|
||||||
|
: ''
|
||||||
|
}`}
|
||||||
key={language.name}
|
key={language.name}
|
||||||
onClick={() => this.selectLanguage(language.name)}
|
onClick={() => this.selectLanguage(language.name)}
|
||||||
>
|
>
|
||||||
|
Loading…
Reference in New Issue
Block a user