Merge pull request #397 from vishalvivekm/styling-updatesss

remaining-style updates-for-profiles
layer5io · Oct 21, 2024 · df78924 · df78924
2 parents 6558b9a + 3b98ca6
commit df78924
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 9 deletions.
diff --git a/assets/scss/_navbar_project.scss b/assets/scss/_navbar_project.scss
@@ -10,13 +10,13 @@
     color: $primary !important;
   }
 
- @media (min-width: 768px) {
-  &:hover {
-      .dropdown-menu {
-        transform: translate(-15%, 0rem);
-      }
-  }
-}
+//  @media (min-width: 768px) {
+//   &:hover {
+//       .dropdown-menu {
+//         transform: translate(-15%, 0rem);
+//       }
+//   }
+// }
   .dropdown-menu {
     display: flex;
     flex-direction: row;
@@ -33,7 +33,7 @@
     }
     .dropdown-item {
       height: 5rem;
-      width: max-content;
+      width: 5rem;
       display: flex;
       flex-direction: column;
       align-items: center;
@@ -85,4 +85,10 @@
   width: 100%;
   height: 100%;
   object-fit: cover;
+}
+img.grid-icon {
+  transition: filter 0.15s ease-in-out;
+  &:hover {
+    filter: invert(.6);
+  }
 }
diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html
@@ -51,7 +51,7 @@
             data-toggle="dropdown"
             style="padding-top:6px"
             >
-            <img width="28px" src="/images/grid-icon.svg" />
+            <img width="28px" src="/images/grid-icon.svg" class="grid-icon" />
 
           </div>
           <div class="dropdown-menu" aria-labelledby="productsDropdown" style="margin-left:-4.5rem;visibility:hidden;">