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

Prevent ugoira page layout shifting

Browse Source 
This puts the load progress in the same place as the seek slider so them
switching doesn't move around the bottom half of the page.
This commit is contained in:
Toks
2014-10-28 12:19:57 -04:00
parent 999196cd1a
commit b843f54d20
2 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/assets/stylesheets/specific/posts.css.scss
View File

@@ -197,6 +197,11 @@ div#c-posts {
button {
margin-top: 0.3em;
}
#ugoira-load-progress {
display: inline;
margin-left: 17px;
}
}
div.notice {

2
app/views/posts/partials/show/_ugoira.html.erb
View File

@@ -22,10 +22,10 @@
) %>
<div id="ugoira-controls">
<p id="ugoira-load-progress">Loaded <span id="ugoira-load-percentage">0</span>%</p>
<div id="ugoira-control-panel" style="width: <%= @post.image_width %>px;">
<%= button_tag "Play", :id => "ugoira-play", :style => "display: none;" %>
<%= button_tag "Pause", :id => "ugoira-pause" %>
<p id="ugoira-load-progress">Loaded <span id="ugoira-load-percentage">0</span>%</p>
<div id="seek-slider" style="display: none; width: <%= @post.image_width - 81 %>px;"></div>
</div>
<p id="save-video-link"><%= link_to "Save as video (right click and save)", post.large_file_url %></p>