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 scroll bars

Browse source
This commit is contained in:
Sebastian Castro 2020-04-07 12:11:38 +02:00 • committed by muxator
parent 71a3579ae7
commit a89503a4dd
5 changed files with 36 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/static/skins/colibris/pad.css
View file

@ -1,6 +1,7 @@
@import url("src/layout.css");
@import url("src/pad-editor.css");
@import url("src/components/scrollbars.css");
@import url("src/components/buttons.css");
@import url("src/components/popup.css");

18
src/static/skins/colibris/src/components/chat.css
View file

@ -48,24 +48,6 @@
background-color: transparent !important;
}
#chattext p b {
color: #4c4c4c;
}
#chattext::-webkit-scrollbar-track {
background-color: #f6f6f6;
border: 1px solid #f0f0f0;
}
#chattext::-webkit-scrollbar {
width: 7px;
}
#chattext::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #C5C5C5;
}
#chatbox.stickyChat #chattext {
padding: 0px;
}

33
src/static/skins/colibris/src/components/scrollbars.css Normal file
View file

@ -0,0 +1,33 @@
@media (min-width: 721px) {
::-webkit-scrollbar-track {
background-color: var(--middle-color);
border-radius: 10px;
border: 7px solid var(--light-soft-color);
}
::-webkit-scrollbar {
width: 22px;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: var(--dark-soft-color);
border: 7px solid var(--light-soft-color);
}
}
.thin-scrollbar::-webkit-scrollbar-track {
background-color: var(--light-soft-color);
border-radius: 10px;
border: 5px solid var(--light-color);
}
.thin-scrollbar::-webkit-scrollbar {
width: 17px;
}
.thin-scrollbar::-webkit-scrollbar-thumb {
border-radius: 7px;
background-color: var(--middle-color);
border: 5px solid var(--light-color);
}