fix the width bug of menu

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

@@ -39,8 +39,8 @@ $submenu-item-height: 30px;
   position: absolute;
   background-color: $menu-background-color;
   height: 100%;
-  left: -50%;
-  width: 200%;
+  left: -50vw;
+  width: 200vw;
   z-index: -1;
 }
 

ot_templating/Resources/Public/assets/style/style.css

@@ -153,8 +153,8 @@ ul.dropdown-left {
   position: absolute;
   background-color: #4facc6;
   height: 100%;
-  left: -50%;
-  width: 200%;
+  left: -50vw;
+  width: 200vw;
   z-index: -1;
 }
 

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

@@ -153,8 +153,8 @@ ul.dropdown-left {
   position: absolute;
   background-color: #3259d7;
   height: 100%;
-  left: -50%;
-  width: 200%;
+  left: -50vw;
+  width: 200vw;
   z-index: -1;
 }
 

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

@@ -153,8 +153,8 @@ ul.dropdown-left {
   position: absolute;
   background-color: #04a04c;
   height: 100%;
-  left: -50%;
-  width: 200%;
+  left: -50vw;
+  width: 200vw;
   z-index: -1;
 }
 

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

@@ -153,8 +153,8 @@ ul.dropdown-left {
   position: absolute;
   background-color: #8c8c8c;
   height: 100%;
-  left: -50%;
-  width: 200%;
+  left: -50vw;
+  width: 200vw;
   z-index: -1;
 }
 

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

@@ -153,8 +153,8 @@ ul.dropdown-left {
   position: absolute;
   background-color: #0aa5ec;
   height: 100%;
-  left: -50%;
-  width: 200%;
+  left: -50vw;
+  width: 200vw;
   z-index: -1;
 }
 

ot_templating/Resources/Public/assets/style/theme-light-red.css

@@ -153,8 +153,8 @@ ul.dropdown-left {
   position: absolute;
   background-color: #dd453f;
   height: 100%;
-  left: -50%;
-  width: 200%;
+  left: -50vw;
+  width: 200vw;
   z-index: -1;
 }
 

ot_templating/Resources/Public/assets/style/theme-light-red.scss

@@ -1,5 +1,6 @@
 // Red Theme
 $main-color: #dd453f;
+
 @use 'style' with (
   $menu-background-color: $main-color,
   $menu-background-color-hovered: $main-color,

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

@@ -153,8 +153,8 @@ ul.dropdown-left {
   position: absolute;
   background-color: #e4611b;
   height: 100%;
-  left: -50%;
-  width: 200%;
+  left: -50vw;
+  width: 200vw;
   z-index: -1;
 }
 

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

@@ -153,8 +153,8 @@ ul.dropdown-left {
   position: absolute;
   background-color: #a5377e;
   height: 100%;
-  left: -50%;
-  width: 200%;
+  left: -50vw;
+  width: 200vw;
   z-index: -1;
 }
 

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

@@ -153,8 +153,8 @@ ul.dropdown-left {
   position: absolute;
   background-color: #df0009;
   height: 100%;
-  left: -50%;
-  width: 200%;
+  left: -50vw;
+  width: 200vw;
   z-index: -1;
 }