Updated template diff view

diff --git a/wcfsetup/install/files/acp/templates/templateDiff.tpl b/wcfsetup/install/files/acp/templates/templateDiff.tpl
index 04aeb7d12ef1d6b5c82716bba8847a184219a625..b8512ba8b3e5e08c2a7e335646e822cbd55b1690 100644 (file)
--- a/wcfsetup/install/files/acp/templates/templateDiff.tpl
+++ b/wcfsetup/install/files/acp/templates/templateDiff.tpl
@@ -128,14 +128,9 @@
                        $('#requestFullscreen').show();
                }
                
-               // force that both containers have got the same width
-               var max = Math.max($('#left > ol').prop('scrollWidth'), $('#right > ol').prop('scrollWidth'));
-               $('#left > ol').width(max);
-               $('#right > ol').width(max);
-               
                // sync scrolling
                var sync = $('#left, #right');
-               function syncPosition(event) {
+               function syncPosition() {
                        var other = sync.not(this);
                        other.off('scroll');
                        other.prop('scrollLeft', $(this).prop('scrollLeft'));

diff --git a/wcfsetup/install/files/style/layout/layout.scss b/wcfsetup/install/files/style/layout/layout.scss
index 2c0f911d6c82f9f4f3e3a2bfc3c04ae316b0e49d..a12a1fc4d509de56d35bb4498a7f18412fad7550 100644 (file)
--- a/wcfsetup/install/files/style/layout/layout.scss
+++ b/wcfsetup/install/files/style/layout/layout.scss
@@ -130,3 +130,21 @@ a {
        }
 }
 
+.sideBySide {
+       margin-top: 20px;
+       
+       @include screen-md-up {
+               display: table;
+               table-layout: fixed;
+               width: 100%;
+               
+               > .section {
+                       display: table-cell;
+                       width: 49%;
+                       
+                       & + .section {
+                               padding-left: 2%;
+                       }
+               }
+       }
+}