f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-07 16:22:42 +00:00
Code Wiki Activity

Merge pull request #3388 from 5e-Cleric/scrollbar-new-fix

Browse Source 
Custom scrollbar fixes
This commit is contained in:
Trevor Buckner
2024-04-09 18:39:20 -04:00
committed by GitHub
parent e22830eb4a 9f6fc3d1ac
commit 9e71945a76
3 changed files with 31 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
client/homebrew/brewRenderer/brewRenderer.less
View File

@@ -17,11 +17,24 @@
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: 20px; width: 20px;
&:horizontal{
height: 20px;
width:auto;
}
&-thumb {
background: linear-gradient(90deg, #d3c1af 15px, #00000000 15px);
&:horizontal{
background: linear-gradient(0deg, #d3c1af 15px, #00000000 15px);
}
}
&-corner {
visibility: hidden;
}
} }
&::-webkit-scrollbar-thumb {
width:20px;
background: linear-gradient(90deg, #d3c1af 15px, #00000000 15px);
}
} }
.pane { position : relative; } .pane { position : relative; }

17
client/homebrew/homebrew.less
View File

@@ -18,10 +18,19 @@
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: 20px; width: 20px;
} &:horizontal{
&::-webkit-scrollbar-thumb { height: 20px;
width:20px; width:auto;
background: linear-gradient(90deg, #d3c1af 15px, #00000000 15px); }
&-thumb {
background: linear-gradient(90deg, #d3c1af 15px, #00000000 15px);
&:horizontal{
background: linear-gradient(0deg, #d3c1af 15px, #00000000 15px);
}
}
&-corner {
visibility: hidden;
}
} }
} }
} }

7
shared/naturalcrit/codeEditor/codeEditor.less
View File

@@ -24,18 +24,13 @@
animation-duration: 0.4s; animation-duration: 0.4s;
} }
.CodeMirror-sizer {
padding-right: 0 !important;
//this setting must be !important, because CodeMirror sets it inline. Achieves overlay scrollbar
}
.CodeMirror-vscrollbar { .CodeMirror-vscrollbar {
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: 20px; width: 20px;
} }
&::-webkit-scrollbar-thumb { &::-webkit-scrollbar-thumb {
width: 20px; width: 20px;
background: linear-gradient(90deg, #85858599 15px, #80808000 15px); background: linear-gradient(90deg, #858585 15px, #808080 15px);
} }
} }