Oct 16: [FIX] Bug fixed 'responsive_web'

responsive_web/__manifest__.py

@@ -21,7 +21,7 @@
 ###############################################################################
 {
     'name': "Web Responsive",
-    'version': '17.0.1.0.0',
+    'version': '17.0.1.0.1',
     'category': 'Extra Tools',
     'summary': 'This module helps to create enterprise like app drawer,'
                'Responsiveness and sticky headers included.',

responsive_web/doc/RELEASE_NOTES.md

@@ -3,3 +3,8 @@
 #### Version 17.0.1.0.0
 #### ADD
 - Initial commit for Web Responsive
+
+#### 16.10.2024
+#### Version 17.0.1.0.1
+##### BUG FIX
+- Fixed the scrolling issue in mobile screens

responsive_web/static/src/css/main_menu.css

@@ -1,12 +1,14 @@
-.fullscreen-menu.show{
+
-    position:fixed !important;
+.fullscreen-menu.show {
-    min-width:100vw;
+    position: fixed !important;
-    min-height:100vh;
+    min-width: 100vw;
-    top:-36px !important;
+    min-height: 100vh;
+    top: -36px !important;
     background: url(/responsive_web/static/src/img/img.png);
     background-size: cover;
     background-repeat: no-repeat;
 }
+
 .nav-container {
     float: left;
     position: relative;
@@ -14,18 +16,21 @@
     height: 100vh;
     background: transparent;
     display: flex;
-    justify-content: start;
+    justify-content: flex-start;
-    align-items: start;
+    align-items: flex-start;
     margin-top: -20px;
+    overflow-x: auto;
 }
+
 .search-results {
     width: 40%;
     background: #fff;
     padding-top: 0 !important;
     margin: auto;
 }
-.o_main_navbar .dropdown-menu .show {
+
-    max-height: auto !important;
+.o_main_navbar .dropdown-menu.show {
+    max-height: none !important;
     min-width: 100%;
     overflow: auto;
     margin-top: 0;
@@ -38,6 +43,7 @@
     flex-direction: row;
     overflow: unset;
 }
+
 .dropdown-item.o_app.mt0 {
     flex-basis: 20%;
     display: flex;
@@ -46,48 +52,57 @@
     border-radius: 5px;
     flex-direction: column;
     margin-bottom: 15px;
-    padding-bottom: 15px
+    padding-bottom: 15px;
-     transition: box-shadow 0.3s ease-in-out;
+    transition: box-shadow 0.3s ease-in-out;
 }
 
-.dropdown-menu fullscreen-menu show{
+.dropdown-menu.fullscreen-menu.show {
-    width:1000px !important;
+    width: 1000px !important;
 }
+
 .o_setting_search {
-                position: relative;
+    position: relative;
-                .searchInput {
+}
-                    height: 28px;
+
-                    padding: 0px;
+.o_setting_search .searchInput {
-                    border: 0px;
+    height: 28px;
-                    border-dropdown-item bottom: 1px solid gray('400');
+    padding: 0px;
-                    border-color: gray('700');
+    border: 0px;
-                    box-shadow: none;
+    border-bottom: 1px solid gray(400);
-                    font-weight: 500;
+    border-color: gray(700);
-                }
+    box-shadow: none;
-                .searchIcon {
+    font-weight: 500;
-                    @include o-position-absolute(4px, 0);
+}
-                    color: gray('700');
+
-                }
+.o_setting_search .searchIcon {
-            }
+    position: absolute;
-            .search-container.has-results {
+    top: 4px;
-                height: 100%;
+    right: 0;
-
+    color: gray(700);
-                .search-input {
+}
-                    width: 100%;
+
-                }
+.search-container.has-results {
-                .search-results {
+    height: 100%;
-                    height: 100vh;
+}
-                    overflow: scroll;
+
-                }
+.search-container.has-results .search-input {
-            }
+    width: 100%;
+}
+
+.search-container.has-results .search-results {
+    height: 100vh;
+    overflow: scroll;
+}
+
 .app-menu {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
     gap: 20px;
     width: 45%;
     margin: auto;
-    margin-top: 100px
+    margin-top: 100px;
 }
+
 .o_main_navbar .dropdown-menu.show {
     max-height: none !important;
     min-width: 100vw;
@@ -96,45 +111,49 @@
     margin-top: 0;
     top: -36px;
 }
+
 .o-menu-search-result.dropdown-item.col-12.ml-auto.mr-auto {
     background-repeat: no-repeat;
     background-size: 100%;
     margin-bottom: 5%;
-
-}
-.o-menu-search-result{
-    backgrou
 }
+
 .form-control {
     padding: 0 !important;
 }
-.input-group-text{
+
+.input-group-text {
     width: 40%;
     margin-top: 13px;
 }
-@media screen and (max-width:575.98px) {
+
-    .input-group-text{
+@media screen and (max-width: 575.98px) {
-        width: 70%
+    .input-group-text {
+        width: 70%;
     }
 }
+
 .o_main_navbar .o_menu_brand {
-  text-decoration: none !important;
+    text-decoration: none !important;
-  margin-left: 10px;
+    margin-left: 10px;
 }
-.input-group-prepend{
+
+.input-group-prepend {
     width: 100%;
-    display:flex;
+    display: flex;
-    align-items:center;
+    align-items: center;
-    justify-content:center;
+    justify-content: center;
 }
-.search-input{
+
+.search-input {
     margin: auto;
 }
-.dropdown-menu{
+
-    border:none; important
+.dropdown-menu {
+    border: none !important;
 }
-.o_main_navbar .dropdown-menu.show{
+
-max-height: none !important; */
+.o_main_navbar .dropdown-menu.show {
     padding-top: 2%;
     min-width: 100vw;
     min-height: 100vh;
@@ -143,26 +162,30 @@ max-height: none !important; */
     position: absolute;
     right: 0;
 }
-nav-container {
+
-    float: left; */
+.nav-container {
     position: fixed;
     min-width: 101vw !important;
     height: 100vh;
     display: flex;
-    justify-content: end;
+    justify-content: flex-end;
-    align-items: end;
+    align-items: flex-end;
 }
+
 .search-input {
     margin: auto;
     margin-top: 50px;
 }
+
 .SearchInput {
     height: 40px;
     margin-left: 10px;
 }
+
 .oh_dashboards {
     background-image: url(/responsive_web/static/src/img/img.png);
     height: 100vh;
+    width: 100%;
     margin-top: 0;
     top: 0;
     position: absolute;
@@ -170,35 +193,45 @@ nav-container {
     background-repeat: no-repeat;
     left: 0;
 }
-.o_menu_systray{
+
+.o_menu_systray {
     position: absolute;
     right: 0;
     top: 0;
     z-index: 999;
 }
-.o-mail-DiscussSystray-class .fa, .oe_topbar_name  {
+
-  color : black;
+.o-mail-DiscussSystray-class .fa,
+.oe_topbar_name {
+    color: black;
 }
+
 .search-result-container {
-padding: 10px 36px;
+    padding: 10px 36px;
 }
+
 .menu-icon-web {
-    width: 30px
+    width: 30px;
 }
-.img-wrap{
+
-  background-color: white;
+.img-wrap {
+    background-color: white;
     padding: 10px 10px;
     border-radius: 4px;
     margin-bottom: 10px;
     box-shadow: rgba(149, 157, 165, 0.4) 0px 8px 24px;
 }
-.img-wrap:hover{
+
-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1),
+.img-wrap:hover {
-                    0 2px 2px rgba(0, 0, 0, 0.1),
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1),
-                    0 4px 4px rgba(0, 0, 0, 0.1),
+                0 2px 2px rgba(0, 0, 0, 0.1),
-                    0 8px 8px rgba(0, 0, 0, 0.1),
+                0 4px 4px rgba(0, 0, 0, 0.1),
-                    0 16px 16px rgba(0, 0, 0, 0.04);}
+                0 8px 8px rgba(0, 0, 0, 0.1),
-.dropdown-item:hover, .dropdown-item:focus {
+                0 16px 16px rgba(0, 0, 0, 0.04);
+}
+
+.dropdown-item:hover,
+.dropdown-item:focus {
     color: #212529;
     background-color: transparent;
 }

responsive_web/static/src/js/WebMenu.js

@@ -46,7 +46,6 @@ patch(NavBar.prototype, {
         this.action.doAction({
             type: 'ir.actions.client',
             tag: 'web_responsive',
-            name: 'Web Responsive',
             name: _t('Dashboard'),
             target: 'main'
         });