mirrors/etherpad-lite
1
0
Fork 0
mirror of https://github.com/ether/etherpad-lite.git synced 2025-04-26 10:26:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 17

css: style select with nice-select library

Browse source
This commit is contained in:
Sebastian Castro 2020-04-14 09:27:13 +02:00 • committed by muxator
parent 21de2bf4a0
commit ce1e9672f9
9 changed files with 422 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/static/skins/colibris/src/components/form.css
View file

@ -1,20 +1,35 @@
input[type="text"], select {
input[type="text"], select, textarea, .nice-select {
border-radius: 3px;
box-shadow: none;
border: none;
outline: 0;
}
input[type="text"] {
input[type="text"], textarea {
padding: 8px 10px;
background-color: var(--bg-color);
border: 1px solid var(--border-color);
}
select {
select, .nice-select {
background-color: var(--bg-soft-color);
border: none;
padding: 4px 10px;
padding-right: 25px;
font-weight: bold;
line-height: inherit;
}
.nice-select .list {
background-color: var(--bg-soft-color);
}
.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus {
background-color: var(--bg-color);
}
.nice-select .option {
padding: 0 15px;
}
.popup .nice-select .list {
right: 0;
left: auto;
}

2
src/static/skins/colibris/src/components/popup.css
View file

@ -34,7 +34,7 @@
width: 120px;
display: inline-block;
}
.popup .dropdowns-container select {
.popup .dropdowns-container .nice-select {
min-width: 180px;
}

14
src/static/skins/colibris/src/components/scrollbars.css
View file

@ -30,4 +30,18 @@
border-radius: 7px;
background-color: var(--scrollbar-thumb);
border: 5px solid var(--scrollbar-bg);
}
.nice-select .list::-webkit-scrollbar-track {
background-color: var(--bg-soft-color);
border: 0px solid var(--bg-soft-color);
}
.nice-select .list::-webkit-scrollbar {
width: 6px;
}
.nice-select .list::-webkit-scrollbar-thumb {
background-color: var(--text-soft-color);
border: 0px solid var(--bg-soft-color);
}