Add custom dropdown style
This commit is contained in:
parent
9a04bfc13c
commit
b1bf2e382e
|
@ -202,3 +202,40 @@ button.formbutton a {
|
||||||
font-size: 0px;
|
font-size: 0px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
*.wdropdown > button {
|
||||||
|
min-width: 130px;
|
||||||
|
min-height: 30px;
|
||||||
|
background: var(--primary-container-background);
|
||||||
|
border: var(--primary-container-border);
|
||||||
|
cursor: pointer;
|
||||||
|
text-align: left;
|
||||||
|
margin: 2px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
*.wdropdown > div.select {
|
||||||
|
position: absolute;
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
background: var(--secondary-container-background);
|
||||||
|
border: var(--secondary-container-border);
|
||||||
|
border-top: none;
|
||||||
|
overflow-y: auto;
|
||||||
|
max-height: 280px;
|
||||||
|
}
|
||||||
|
|
||||||
|
*.wdropdown.active > div.select {
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
|
||||||
|
*.wdropdown.active > div.select > * {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
*.wdropdown > div.select > button {
|
||||||
|
background: none;
|
||||||
|
border: none;
|
||||||
|
cursor: pointer;
|
||||||
|
margin: 4px;
|
||||||
|
text-align: left;
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user