edshot99/eBooru
1
0
Fork 0
forked from e621ng/e621ng
Code Issues 11 Releases 1 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
Show Stats 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: {
solo: true,
delay: 300,
delay: 450,
effect: false,
ready: true,
event: "mouseenter",

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

@ -1,10 +1,21 @@
$tooltip-width: 965px;
$tooltip-height: 160px;
.post-tooltip {
max-width: 660px;
max-width: $tooltip-width;
box-sizing: border-box;
line-height: 16px;
border-color: #767676;
box-shadow: 1px 1px 2px #666;
.qtip-content {
padding: 4px 6px;
.post-tooltip-body {
max-height: $tooltip-height;
overflow-y: auto;
}
}
&.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 "toptagger:#{@post.keeper.name}", user_path(@post.keeper) %>
<%= link_to_search "rating:#{@post.pretty_rating.downcase}" %>