Minor fixes

css/itsm2.scss

@@ -37,7 +37,7 @@ div#searchbar {
     border-radius: 20px;
     background-color: white;
     padding: 2px 10px;
-    
+
     input[type="search"] {
         height: 90%;
         outline: 0;
@@ -158,14 +158,14 @@ main {
     div.menu-close + & {
         width: calc(100% - var(--nav-close-width));
         margin-left: var(--nav-close-width);
-        
+
 
         .menu-right & {
             margin-right: var(--nav-close-width);
         }
     }
 }
- 
+
 #menu-border{
     position: absolute;
     z-index: 10;
@@ -193,7 +193,7 @@ main {
         right: 6px;
         bottom: auto;
         color: black;
-        
+
         // >i {
         //     position: static !important;
         //     color: black !important;
@@ -229,7 +229,7 @@ main {
     &.show >i{
         rotate: 180deg;
     }
-    
+
     >i {
         font-size: 1.5em;
         // rotate: 180deg;
@@ -241,19 +241,19 @@ main {
 
     }
     .menu-top &, .menu-bubble & {
-        >i { 
+        >i {
             rotate: 90deg;
         }
 
         &.show >i{
             rotate: 270deg;
         }
-    }   
+    }
 
     .menu-close & {
         display: none;
     }
-    i { 
+    i {
         position: relative !important;
     }
     .menu-positions {
@@ -329,7 +329,7 @@ main {
     height: var(--_size);
     width:  var(--_size);
     border-radius: 50%;
-    
+
     .menu-right & {
         right: auto;
         left: -1.2rem;
@@ -345,7 +345,7 @@ main {
         position: relative;
         left: 5px;
         transition: transform .3s ease;
-        
+
         .menu-right & {
             left: auto;
             right: 5px;
@@ -355,7 +355,7 @@ main {
         .menu-close & {
             transform: rotate(180deg);
         }
-        
+
     }
 }
 
@@ -373,7 +373,7 @@ main {
     i {
         color: $favorite-color;
     }
-    
+
 }
 #bubble {
     display: none;
@@ -401,7 +401,7 @@ main {
         border-radius: var(--_border-radius);
         color: var(--_color);
         background: linear-gradient(90deg,var(--_background-color) 75%, transparent 75%);
-    
+
         &::before{
             position: relative;
             right: var(--_uncenter);
@@ -437,7 +437,7 @@ main {
         display: flex;
         flex-direction: row;
         justify-content: center;
-        align-items: center; 
+        align-items: center;
     }
     .bubble-icon {
         --_padding: 18px;
@@ -449,7 +449,7 @@ main {
         background-size: 100000%;
         border-radius: 30px;
     }
-    
+
     .submenu-icon {
         padding: 18px;
         color: white !important;
@@ -521,7 +521,11 @@ main {
         }
     }
 }
-
+
+.menu-top .nav-side-menu {
+    height: initial;
+}
+
 .nav-side-menu {
     height: calc(100vh - 3rem - var(--header-height));
     position: relative;
@@ -533,7 +537,7 @@ main {
     line-height: 1;
     overflow-y: hidden;
     // width: 100%;
-    
+
     #menu-favorite.hidden{
         display: none;
     }
@@ -564,7 +568,7 @@ main {
                 display: none;
             }
         }
-        
+
         i.submenu-icon, i.bubble-icon {
             --_size: 1.5em;
             width: var(--_size);
@@ -584,7 +588,7 @@ main {
         flex-direction: column;
         overflow-y: visible;
     }
-    
+
     .menu-right & {
         justify-content: end;
     }
@@ -626,7 +630,7 @@ main {
         flex-direction: column;
         align-items: normal;
         user-select: none;
-        
+
         .menu-top &{
             flex-direction: row;
             justify-content: space-evenly;
@@ -667,8 +671,8 @@ main {
                 padding: 5px;
                 margin: 0;
             }
-            
-            
+
+
             > div {
                 // width: 100%;
                 padding: 5px 10px;
@@ -684,7 +688,7 @@ main {
                     background-color: $nav-hover-color;
                 }
             }
-            
+
             i {
                 .menu-close & {
                     margin-right: 0px;
@@ -710,7 +714,7 @@ main {
 
             .menu-top &{
                 margin: 0;
-                padding: 5px 2px; 
+                padding: 5px 2px;
                 top: 2.5em;
                 position: absolute;
                 background-color: color-mix(in srgb, rgb(0, 0, 0) 30%, $nav-background-color 70%);
@@ -733,7 +737,7 @@ main {
                 border-radius: 5px;
                 // pointer-events: auto;
                 font-size: 12px;
-                
+
                 .menu-close & {
                     padding: 1px 2px;
                     margin: 0 !important;
@@ -745,12 +749,12 @@ main {
                 &.active, &:hover{
                     background-color: $nav-hover-color;
                 }
-                
+
                 .menu-top &{
                     padding: 5px 2px;
                 }
                 a {
-                    display: flex;  
+                    display: flex;
                     align-items: center;
                     // width: 100%;
                     font-size: inherit !important;
@@ -762,7 +766,7 @@ main {
                     i {
                         margin-right: 3px;
                         color: $nav-text-color;
-                        
+
                         .menu-close & {
                             margin-right: 0px;
                         }
@@ -799,7 +803,7 @@ main {
             content: "\f005";
             line-height: 1;
         }
-        .favorite-mode & { 
+        .favorite-mode & {
             pointer-events: auto;
             &::before {
                 display: inline-block;
@@ -819,7 +823,7 @@ main {
     //    }
     }
 
-    #submenu-favorite { 
+    #submenu-favorite {
 
         >p{
             display: inline;
@@ -828,7 +832,7 @@ main {
             &:not(:only-child) {
                 display: none;
             }
-        
+
         }
 
     }
@@ -854,7 +858,7 @@ main {
 .nav-side-menu ul ul a li p {
     font-weight: 400;
 }
- 
+
 // .nav-side-menu p:hover {
 //     background-color: transparent;
 // }
@@ -882,7 +886,7 @@ main {
         border-bottom-left-radius: 20px;
         }
     }
-    
+
     .menu-close & {
         #main-test:not(.menu-top, .menu-bubble) &{
              >ul>:not(#menu-options){
@@ -927,8 +931,8 @@ main {
         &:hover {
             text-decoration: none !important;
         }
-    }   
-    
+    }
+
 
     span {
         margin: 0;
@@ -979,8 +983,8 @@ main {
 // .copyright-message a {
 //     color: white;
 // }
- 
-.menu-close .copyright-message {
+
+.menu-close .copyright-message, .menu-top .copyright-message {
     display: none;
 }
 /* .nav-side-menu li a {
@@ -1026,7 +1030,7 @@ main {
 .dropdown-menu.show {
     display: block;
 }
- 
+
 .dropdown-menu {
     max-height: 50vh;
     overflow-x: hidden;
@@ -1105,7 +1109,7 @@ div.chip>p {
     .search {
         height: 2rem;
         border-radius: 0;
-        
+
         input {
             height: 100%;
             border: 1px solid $primary-color !important;
@@ -1177,7 +1181,7 @@ div.chip>p {
     filter: invert(1) !important;
     & * {
         background-color: black !important;
-        color: white !important;    
+        color: white !important;
     }
 }
 
@@ -1261,4 +1265,4 @@ div.chip>p {
 
 #data-selection-widget-modal input[name="search"] {
     display: none;
-}
+}