fix footer and menu auto-width and recompile themes

ot_templating/Resources/Public/assets/style/common/module/footer.scss

@@ -17,8 +17,8 @@
   background-repeat: repeat-x;
   box-shadow: 0px -2px 10px 0px #656565;
   height: 84px;
-  left: -25vw;
-  width: 110vw;
+  left: -50%;
+  width: 200%;
   z-index: -1;
   margin: 0;
 }

ot_templating/Resources/Public/assets/style/common/module/menu.scss

@@ -37,9 +37,9 @@ $submenu-item-height: 30px;
   content: ""; /* empty but necessary */
   position: absolute;
   background-color: $menu-background-color;
-  left: -25vw;
   height: 100%;
-  width: 110vw;
+  left: -50%;
+  width: 200%;
   z-index: -1;
 }
 

ot_templating/Resources/Public/assets/style/theme-blue.css

@@ -151,9 +151,9 @@ ul.dropdown-left {
   /* empty but necessary */
   position: absolute;
   background-color: #4facc6;
-  left: -25vw;
   height: 100%;
-  width: 110vw;
+  left: -50%;
+  width: 200%;
   z-index: -1;
 }
 
@@ -301,8 +301,8 @@ ul.dropdown-left {
   background-repeat: repeat-x;
   box-shadow: 0px -2px 10px 0px #656565;
   height: 84px;
-  left: -25vw;
-  width: 110vw;
+  left: -50%;
+  width: 200%;
   z-index: -1;
   margin: 0;
 }

ot_templating/Resources/Public/assets/style/theme-green.css

@@ -1,4 +1,8 @@
 @charset "UTF-8";
+body {
+  overflow-x: hidden;
+}
+
 a {
   text-decoration: none;
 }
@@ -98,9 +102,21 @@ ul.dropdown-left {
 }
 
 .topbar-logo img, .topbar-network-logo img {
+  margin: 6px;
+}
+
+.topbar-logo img {
   max-height: 95%;
 }
 
+.topbar-network-logo {
+  margin-left: 6px;
+}
+
+.topbar-network-logo img {
+  max-height: 50px;
+}
+
 .topbar-title {
   margin: 0 0.8em 0 0.8em;
   flex: 1;
@@ -127,18 +143,17 @@ ul.dropdown-left {
   padding: 0;
   align-items: center;
   margin: 0 0 1em;
+  position: relative;
 }
 
-#menu::after {
+#menu:after {
   content: "";
   /* empty but necessary */
   position: absolute;
   background-color: #228d00;
-  left: -20vw;
-  height: 50px;
-  width: 100%;
-  padding-left: 19.9vw;
-  padding-right: 19.9vw;
+  height: 100%;
+  left: -50%;
+  width: 200%;
   z-index: -1;
 }
 
@@ -286,10 +301,8 @@ ul.dropdown-left {
   background-repeat: repeat-x;
   box-shadow: 0px -2px 10px 0px #656565;
   height: 84px;
-  left: -20vw;
-  width: 100%;
-  padding-left: 19.9vw;
-  padding-right: 19.9vw;
+  left: -50%;
+  width: 200%;
   z-index: -1;
   margin: 0;
 }

ot_templating/Resources/Public/assets/style/theme-orange.css

@@ -1,4 +1,8 @@
 @charset "UTF-8";
+body {
+  overflow-x: hidden;
+}
+
 a {
   text-decoration: none;
 }
@@ -98,9 +102,21 @@ ul.dropdown-left {
 }
 
 .topbar-logo img, .topbar-network-logo img {
+  margin: 6px;
+}
+
+.topbar-logo img {
   max-height: 95%;
 }
 
+.topbar-network-logo {
+  margin-left: 6px;
+}
+
+.topbar-network-logo img {
+  max-height: 50px;
+}
+
 .topbar-title {
   margin: 0 0.8em 0 0.8em;
   flex: 1;
@@ -127,18 +143,17 @@ ul.dropdown-left {
   padding: 0;
   align-items: center;
   margin: 0 0 1em;
+  position: relative;
 }
 
-#menu::after {
+#menu:after {
   content: "";
   /* empty but necessary */
   position: absolute;
   background-color: #ff6200;
-  left: -20vw;
-  height: 50px;
-  width: 100%;
-  padding-left: 19.9vw;
-  padding-right: 19.9vw;
+  height: 100%;
+  left: -50%;
+  width: 200%;
   z-index: -1;
 }
 
@@ -286,10 +301,8 @@ ul.dropdown-left {
   background-repeat: repeat-x;
   box-shadow: 0px -2px 10px 0px #656565;
   height: 84px;
-  left: -20vw;
-  width: 100%;
-  padding-left: 19.9vw;
-  padding-right: 19.9vw;
+  left: -50%;
+  width: 200%;
   z-index: -1;
   margin: 0;
 }