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

post tooltips: reduce width/height, grey out unless hovered.

Browse Source
This commit is contained in:
evazion
2018-04-29 22:18:03 -05:00
parent 93471c99c9
commit 1d14885bd5
1 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,5 +1,6 @@
$tooltip-width: 965px; $tooltip-max-width: 164px * 4 - 10; // 4 thumbnails wide.
$tooltip-height: 160px; $tooltip-min-width: 164px * 2 - 10; // 2 thumbnails wide.
$tooltip-height: 112px;
@mixin thin-scrollbar { @mixin thin-scrollbar {
&::-webkit-scrollbar { &::-webkit-scrollbar {
@@ -47,12 +48,11 @@ $tooltip-height: 160px;
.post-tooltip { .post-tooltip {
max-width: $tooltip-width; max-width: $tooltip-max-width;
min-width: $tooltip-min-width;
box-sizing: border-box; box-sizing: border-box;
line-height: 16px; line-height: 16px;
border-color: #767676; border-color: #767676;
box-shadow: 1px 1px 2px #666;
.qtip-content { .qtip-content {
padding: 4px 6px; padding: 4px 6px;
@@ -68,6 +68,10 @@ $tooltip-height: 160px;
} }
} }
&:not(:hover) a {
color: #666666;
}
&.post-tooltip-loading { &.post-tooltip-loading {
visibility: hidden; visibility: hidden;
} }