Fix image diff view modes

This commit is contained in:
Clement Ho 2018-04-24 11:01:04 -05:00
parent ecfc08a07f
commit 815bb7312f

View file

@ -14,7 +14,7 @@
.wrap .wrap
.frame.deleted .frame.deleted
= image_tag(old_blob_raw_url, alt: diff_file.old_path, lazy: false) = image_tag(old_blob_raw_url, alt: diff_file.old_path, lazy: false)
%p.image-info.d-none %p.image-info.hide
%span.meta-filesize= number_to_human_size(old_blob.size) %span.meta-filesize= number_to_human_size(old_blob.size)
| |
%strong W: %strong W:
@ -24,7 +24,7 @@
%span.meta-height %span.meta-height
.wrap .wrap
= render partial: "projects/diffs/image_diff_frame", locals: { class_name: "added js-image-frame #{class_name}", position: position, note_type: DiffNote.name, image_path: blob_raw_url, alt: diff_file.new_path } = render partial: "projects/diffs/image_diff_frame", locals: { class_name: "added js-image-frame #{class_name}", position: position, note_type: DiffNote.name, image_path: blob_raw_url, alt: diff_file.new_path }
%p.image-info.d-none %p.image-info.hide
%span.meta-filesize= number_to_human_size(blob.size) %span.meta-filesize= number_to_human_size(blob.size)
| |
%strong W: %strong W:
@ -33,7 +33,7 @@
%strong H: %strong H:
%span.meta-height %span.meta-height
.swipe.view.d-none .swipe.view.hide
.swipe-frame .swipe-frame
.frame.deleted .frame.deleted
= image_tag(old_blob_raw_url, alt: diff_file.old_path, lazy: false) = image_tag(old_blob_raw_url, alt: diff_file.old_path, lazy: false)
@ -43,7 +43,7 @@
%span.top-handle %span.top-handle
%span.bottom-handle %span.bottom-handle
.onion-skin.view.d-none .onion-skin.view.hide
.onion-skin-frame .onion-skin-frame
.frame.deleted .frame.deleted
= image_tag(old_blob_raw_url, alt: diff_file.old_path, lazy: false) = image_tag(old_blob_raw_url, alt: diff_file.old_path, lazy: false)
@ -54,7 +54,7 @@
.dragger{ :style => "left: 0px;" } .dragger{ :style => "left: 0px;" }
.opaque .opaque
.view-modes.d-none .view-modes.hide
%ul.view-modes-menu %ul.view-modes-menu
%li.two-up{ data: { mode: 'two-up' } } 2-up %li.two-up{ data: { mode: 'two-up' } } 2-up
%li.swipe{ data: { mode: 'swipe' } } Swipe %li.swipe{ data: { mode: 'swipe' } } Swipe