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

post tooltips: increase delay, constraint height, condense tags (#3666).

Browse Source 
* Increase hover delay to 450ms.
* Set max height and add scrollbars for long tag lists.
* Condense tag list (don't put categories on separate lines).
This commit is contained in:
evazion
2018-04-27 13:10:35 -05:00
parent 0b20648f1f
commit 907881aced
3 changed files with 17 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -28,7 +28,7 @@ Danbooru.PostTooltip.QTIP_OPTIONS = {
}, },
show: { show: {
solo: true, solo: true,
delay: 300, delay: 450,
effect: false, effect: false,
ready: true, ready: true,
event: "mouseenter", event: "mouseenter",

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

@@ -1,10 +1,21 @@
$tooltip-width: 965px;
$tooltip-height: 160px;
.post-tooltip { .post-tooltip {
max-width: 660px; max-width: $tooltip-width;
box-sizing: border-box;
line-height: 16px;
border-color: #767676; border-color: #767676;
box-shadow: 1px 1px 2px #666; box-shadow: 1px 1px 2px #666;
.qtip-content { .qtip-content {
padding: 4px 6px; padding: 4px 6px;
.post-tooltip-body {
max-height: $tooltip-height;
overflow-y: auto;
}
} }
&.post-tooltip-loading { &.post-tooltip-loading {

6
app/views/posts/show.html+tooltip.erb
View File

@@ -1,6 +1,8 @@
<%= @post.presenter.split_inline_tag_list_html(self) %> <div class="post-tooltip-body">
<%= @post.presenter.inline_tag_list_html(self) %>
</div>
<div class="post-tooltip-metatags"> <div class="post-tooltip-footer">
<%= link_to_search "user:#{@post.uploader_name}" if CurrentUser.is_moderator? %> <%= link_to_search "user:#{@post.uploader_name}" if CurrentUser.is_moderator? %>
<%= link_to "toptagger:#{@post.keeper.name}", user_path(@post.keeper) %> <%= link_to "toptagger:#{@post.keeper.name}", user_path(@post.keeper) %>
<%= link_to_search "rating:#{@post.pretty_rating.downcase}" %> <%= link_to_search "rating:#{@post.pretty_rating.downcase}" %>