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: { show: {
solo: true, solo: true,
delay: 600, delay: 750,
effect: false, effect: false,
ready: true, ready: true,
event: "mouseenter", event: "mouseenter",
}, },
hide: { hide: {
delay: 150, delay: 250,
fixed: true, fixed: true,
effect: false, effect: false,
event: "unfocus click mouseleave", 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-line-height: 16px;
$tooltip-min-width: 164px * 2 - 10; // 2 thumbnails wide. $tooltip-body-height: $tooltip-line-height * 6; // 6 lines high.
$tooltip-height: 112px; $tooltip-width: 164px * 3 - 10; // 3 thumbnails wide.
@mixin thin-scrollbar { @mixin thin-scrollbar {
&::-webkit-scrollbar { &::-webkit-scrollbar {
@@ -48,10 +48,11 @@ $tooltip-height: 112px;
.post-tooltip { .post-tooltip {
max-width: $tooltip-max-width; max-width: $tooltip-width;
min-width: $tooltip-min-width; min-width: $tooltip-width;
box-sizing: border-box; box-sizing: border-box;
line-height: 16px; font-size: 11px;
line-height: $tooltip-line-height;
border-color: #767676; border-color: #767676;
.qtip-content { .qtip-content {
@@ -59,7 +60,7 @@ $tooltip-height: 112px;
.post-tooltip-body { .post-tooltip-body {
@include thin-scrollbar; @include thin-scrollbar;
max-height: $tooltip-height; max-height: $tooltip-body-height;
overflow-y: auto; overflow-y: auto;
li { li {