IntenseWebs/pgadmin4
3
0
Fork 0
mirror of https://github.com/pgadmin-org/pgadmin4.git synced 2025-02-25 18:55:31 -06:00
Code Issues Packages Projects Releases Wiki Activity

Customize the scrollbar stying. Added new SASS variable to change the color as per theme.

Browse Source
This commit is contained in:
Aditya Toshniwal
2019-11-12 19:38:35 +05:30
committed by Akshay Joshi
parent 636ab29669
commit 79e04d5e23
4 changed files with 46 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
web/pgadmin/static/scss/_codemirror.overrides.scss
View File

@@ -179,3 +179,29 @@
.CodeMirror-activeline-background {
background: $color-danger-lighter !important;
}
.CodeMirror-simplescroll-horizontal {
height: $scrollbar-width;
}
.CodeMirror-simplescroll-vertical {
width: $scrollbar-width;
}
.CodeMirror-scrollbar-filler, .CodeMirror-simplescroll-horizontal, .CodeMirror-simplescroll-vertical {
background: rgba($scrollbar-base-color, 0.2);
}
.CodeMirror-simplescroll-horizontal, .CodeMirror-simplescroll-vertical {
& div {
border: 0.25rem solid transparent;
border-radius: $border-radius*2;
background-clip: content-box;
background-color: rgba($scrollbar-base-color, 0.7);
&:hover {
background-color: $scrollbar-base-color;
}
}
}