jaculabilis/danbooru
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

post tooltips: make scrollbar thinner.

Browse Source
This commit is contained in:
evazion
2018-04-29 11:41:41 -05:00
parent 862b1bc4c8
commit 47677aedf0
1 changed files with 46 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
app/assets/stylesheets/specific/post_tooltips.scss
View File

@@ -1,6 +1,51 @@
$tooltip-width: 965px; $tooltip-width: 965px;
$tooltip-height: 160px; $tooltip-height: 160px;
@mixin thin-scrollbar {
&::-webkit-scrollbar {
width: 5px;
height: 5px;
}
&::-webkit-scrollbar-button {
width: 0px;
height: 0px;
}
&::-webkit-scrollbar-thumb {
background: #999999;
border: 0px none #FFFFFF;
border-radius: 0px;
}
&::-webkit-scrollbar-thumb:hover {
background: #AAAAAA;
}
&::-webkit-scrollbar-thumb:active {
background: #AAAAAA;
}
&::-webkit-scrollbar-track {
background: #EEEEEE;
border: 0px none #ffffff;
border-radius: 0px;
}
&::-webkit-scrollbar-track:hover {
background: #EEEEEE;
}
&::-webkit-scrollbar-track:active {
background: #EEEEEE;
}
&::-webkit-scrollbar-corner {
background: transparent;
}
}
.post-tooltip { .post-tooltip {
max-width: $tooltip-width; max-width: $tooltip-width;
box-sizing: border-box; box-sizing: border-box;
@@ -13,6 +58,7 @@ $tooltip-height: 160px;
padding: 4px 6px; padding: 4px 6px;
.post-tooltip-body { .post-tooltip-body {
@include thin-scrollbar;
max-height: $tooltip-height; max-height: $tooltip-height;
overflow-y: auto; overflow-y: auto;
} }