Add custom dropdown style
This commit is contained in:
parent
9a04bfc13c
commit
b1bf2e382e
|
@ -202,3 +202,40 @@ button.formbutton a {
|
|||
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