Merge branch '60005-fix-swipe-divider' into 'master'

Fix swipe diff divider

Closes #60005

See merge request gitlab-org/gitlab-ce!26970

app/assets/stylesheets/pages/diff.scss

@@ -154,11 +154,17 @@
       .swipe-wrap {
         overflow: hidden;
-        border-left: 1px solid $gl-gray-400;
+        border-right: 1px solid $gl-gray-400;
         position: absolute;
         display: block;
         top: 13px;
         right: 7px;
+
+        &.left-oriented {
+          /* only for commit view (different swipe viewer) */
+          border-right: 0;
+          border-left: 1px solid $gl-gray-400;
+        }
       }
       .swipe-bar {

app/views/projects/diffs/_replaced_image_diff.html.haml

@@ -37,7 +37,7 @@
     .swipe-frame
       .frame.deleted
         = image_tag(old_blob_raw_url, alt: diff_file.old_path, lazy: false)
-      .swipe-wrap
+      .swipe-wrap.left-oriented
         = 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 }
       %span.swipe-bar
         %span.top-handle