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

post tooltips: reduce width/height, increase delay.

Browse Source
This commit is contained in:
evazion
2018-05-07 01:32:06 -05:00
parent 181a906766
commit 27ca4f7cb1
2 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/assets/javascripts/post_tooltips.js.erb
View File

@@ -52,13 +52,13 @@ Danbooru.PostTooltip.QTIP_OPTIONS = {
},
show: {
solo: true,
delay: 600,
delay: 750,
effect: false,
ready: true,
event: "mouseenter",
},
hide: {
delay: 150,
delay: 250,
fixed: true,
effect: false,
event: "unfocus click mouseleave",

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

@@ -1,6 +1,6 @@
$tooltip-max-width: 164px * 4 - 10; // 4 thumbnails wide.
$tooltip-min-width: 164px * 2 - 10; // 2 thumbnails wide.
$tooltip-height: 112px;
$tooltip-line-height: 16px;
$tooltip-body-height: $tooltip-line-height * 6; // 6 lines high.
$tooltip-width: 164px * 3 - 10; // 3 thumbnails wide.
@mixin thin-scrollbar {
&::-webkit-scrollbar {
@@ -48,10 +48,11 @@ $tooltip-height: 112px;
.post-tooltip {
max-width: $tooltip-max-width;
min-width: $tooltip-min-width;
max-width: $tooltip-width;
min-width: $tooltip-width;
box-sizing: border-box;
line-height: 16px;
font-size: 11px;
line-height: $tooltip-line-height;
border-color: #767676;
.qtip-content {
@@ -59,7 +60,7 @@ $tooltip-height: 112px;
.post-tooltip-body {
@include thin-scrollbar;
max-height: $tooltip-height;
max-height: $tooltip-body-height;
overflow-y: auto;
li {