changeset 7169:7d02958345ff

diff: fix 2-way diff panes not being shown side by side eee7674cef41 had the side effect of setting overflow styling on the DOM elements used by mergely. That confused it's computation of sizes on some browsers, scroll bars got added, and the panes were re-flowed to not be side-by-side. To fix that, add an exception that allow overflow-x to be set to visible.
author Mads Kiilerich <mads@kiilerich.com>
date Thu, 15 Feb 2018 00:23:52 +0100
parents 8f3469917832
children 28317fc212f4
files kallithea/public/less/style.less kallithea/templates/files/diff_2way.html
diffstat 2 files changed, 7 insertions(+), 2 deletions(-) [+]
line wrap: on
line diff
--- a/kallithea/public/less/style.less	Wed Feb 14 01:54:12 2018 +0100
+++ b/kallithea/public/less/style.less	Thu Feb 15 00:23:52 2018 +0100
@@ -86,6 +86,11 @@
   min-height: 0.01%;
 }
 
+/* allow other exceptions to automatic overflow-x */
+.panel > .overflow-x-visible {
+  overflow-x: visible;
+}
+
 /* search highlighting */
 div.search-code-body pre .match {
   background-color: @highlight-color;
--- a/kallithea/templates/files/diff_2way.html	Wed Feb 14 01:54:12 2018 +0100
+++ b/kallithea/templates/files/diff_2way.html	Thu Feb 15 00:23:52 2018 +0100
@@ -30,7 +30,7 @@
         ${self.breadcrumbs()}
     </div>
 
-    <div class="no-padding panel-body">
+    <div class="no-padding panel-body overflow-x-visible">
         <div class="panel panel-default">
             <div class="panel-heading clearfix">
                     <div class="pull-left">
@@ -56,7 +56,7 @@
                       ${h.checkbox('edit_mode', label=_('Edit'))}
                     </div>
             </div>
-            <div id="compare"></div>
+            <div id="compare" class="overflow-x-visible"></div>
         </div>
     </div>