From d37eb10739849295aa0cf4159d6985a452835cc9 Mon Sep 17 00:00:00 2001
From: Marius BALTEANU <marius.balteanu@zitec.com>
Date: Mon, 5 Apr 2021 00:16:39 +0300
Subject: [PATCH] Remove wrapper2 and wrapper3 wrapping containers (#30448).


diff --git a/app/views/layouts/base.html.erb b/app/views/layouts/base.html.erb
index 43e7459e7..5b7f23f79 100644
--- a/app/views/layouts/base.html.erb
+++ b/app/views/layouts/base.html.erb
@@ -58,8 +58,7 @@
 
 </div>
 
-<div id="wrapper2">
-<div id="wrapper3">
+
 <div id="top-menu">
     <div id="account">
         <%= render_menu :account_menu -%>
@@ -118,12 +117,10 @@
 <div id="footer">
     Powered by <%= link_to Redmine::Info.app_name, Redmine::Info.url %> &copy; 2006-2021 Jean-Philippe Lang
 </div>
-</div>
 
 <div id="ajax-indicator" style="display:none;"><span><%= l(:label_loading) %></span></div>
 <div id="ajax-modal" style="display:none;"></div>
 
-</div>
 </div>
 <%= call_hook :view_layouts_base_body_bottom %>
 </body>
diff --git a/public/javascripts/responsive.js b/public/javascripts/responsive.js
index ec1611132..0bc5c3452 100644
--- a/public/javascripts/responsive.js
+++ b/public/javascripts/responsive.js
@@ -2,7 +2,7 @@
 
 function openFlyout() {
   $('html').addClass('flyout-is-active');
-  $('#wrapper2').on('click', function(e){
+  $('#wrapper').on('click', function(e){
     e.preventDefault();
     e.stopPropagation();
     closeFlyout();
@@ -11,7 +11,7 @@ function openFlyout() {
 
 function closeFlyout() {
   $('html').removeClass('flyout-is-active');
-  $('#wrapper2').off('click');
+  $('#wrapper').off('click');
 }
 
 
diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
index 3ed896b06..4424a4587 100644
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@@ -16,9 +16,13 @@ pre, code {font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;}
 .wiki h6 {font-size: 1em; color: #8e8e8e;}
 
 /***** Layout *****/
-div#wrapper, div#wrapper2, div#wrapper3 { min-height: inherit; }
-#wrapper {background: white;overflow: hidden;}
-#wrapper3 { display: flex; flex-direction: column; }
+#wrapper {
+  min-height: inherit;
+  background: white;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
 
 #top-menu {background: #3E5B76; color: #fff; height:1.8em; font-size: 0.8em; padding: 2px 10px 0px 12px;}
 #top-menu ul {margin: 0;  padding: 0;}
@@ -113,8 +117,6 @@ div#wrapper, div#wrapper2, div#wrapper3 { min-height: inherit; }
 #sidebar li input[type=checkbox] {height: 20px;}
 
 #content { flex-grow: 1; background-color: #fff; margin: 0px; padding: 10px 16px 10px 16px; overflow-x: auto;}
-html>body #content { min-height: 600px; }
-* html body #content { height: 600px; } /* IE */
 
 #main.nosidebar #sidebar{ display: none; }
 
diff --git a/public/stylesheets/responsive.css b/public/stylesheets/responsive.css
index a4902af67..89b34aeff 100644
--- a/public/stylesheets/responsive.css
+++ b/public/stylesheets/responsive.css
@@ -76,10 +76,6 @@
     position: relative;
     overflow-x: hidden; /* hide horizontal overflow */
     max-width: 100%;
-  }
-
-  #wrapper,
-  #wrapper2 {
     margin: 0;
   }
 
-- 
2.22.0