fix navigation menu scroll

Author: shawon

eform-client/src/app/components/navigation/navigation.component.html

@@ -43,7 +43,7 @@
             <span style="">{{node.name}}</span>
           </a>
         </mat-expansion-panel-header>
-        <div style="overflow-x: auto;">
+        <div style="overflow-x: hidden;">
           <ng-container matTreeNodeOutlet></ng-container>
         </div>
       </mat-expansion-panel>

eform-client/src/app/components/navigation/navigation.component.scss

@@ -16,6 +16,14 @@ mat-tree {
       }
     }
 
+
+    &:hover{
+      border-radius: var(--rounded-full)!important;
+    }
+    &:focus{
+      border-radius: var(--rounded-full)!important;
+    }
+
     .selected-node {
       background-color: var(--mdc-theme-primary) !important;
       color: var(--mdc-theme-on-primary) !important;
@@ -60,6 +68,9 @@ mat-tree {
         }
       }
     }
+    .selected-node {
+      width: calc(100% - 20px)!important;
+    }
   }
 }
 

eform-client/src/scss/styles.scss

@@ -452,6 +452,15 @@ ngx-material-timepicker-container {
   cursor: pointer;
   color: var(--text-header)!important;
 
+  &:disabled,
+  &[disabled] {
+    background-color: var(--border) !important;
+    color: var(--tp-text) !important;
+    opacity: 0.5;
+    cursor: not-allowed !important;
+    pointer-events: none;
+  }
+
   &--icon-rounded-border{
     display: flex;
     padding: var(--3514-px, 14px);
@@ -487,6 +496,15 @@ ngx-material-timepicker-container {
   font-style: normal;
   //font-weight: 600;
   line-height: var(--Text-line-height-sm, 22px); /* 157.143% */
+
+  &:disabled,
+  &[disabled] {
+    background-color: var(--border) !important;
+    color: var(--tp-text) !important;
+    opacity: 0.5;
+    cursor: not-allowed !important;
+    pointer-events: none;
+  }
 }
 
 
@@ -509,4 +527,13 @@ ngx-material-timepicker-container {
   font-style: normal;
   //font-weight: 600;
   line-height: var(--Text-line-height-sm, 22px); /* 157.143% */
+
+  &:disabled,
+  &[disabled] {
+    background-color: var(--border) !important;
+    color: var(--tp-text) !important;
+    opacity: 0.5;
+    cursor: not-allowed !important;
+    pointer-events: none;
+  }
 }