Update navbar dropdowns style.

epicmaxco · Jun 11, 2021 · 057d548 · 057d548
1 parent 5e8ad0b
commit 057d548
Show file tree

Hide file tree

Showing 7 changed files with 9 additions and 29 deletions.
diff --git a/src/components/navbar/components/AppNavbarActions.vue b/src/components/navbar/components/AppNavbarActions.vue
@@ -59,8 +59,11 @@ export default {
 .app-navbar-actions {
   display: flex;
   align-items: center;
-  color: var(--va-primary);
-  fill: var(--va-primary);
+
+  .va-dropdown__anchor {
+    color: var(--va-primary);
+    fill: var(--va-primary);
+  }
   
   &__item {
     padding: 0;
@@ -81,6 +84,10 @@ export default {
       margin: auto 0 auto 1.25rem;
     }
 
+    .va-dropdown-content {
+      background-color: var(--va-white);
+    }
+
     @media screen and (max-width: 768px) {
       margin-right: 0;
 

diff --git a/src/components/navbar/components/dropdowns/LanguageDropdown.vue b/src/components/navbar/components/dropdowns/LanguageDropdown.vue
@@ -84,11 +84,6 @@ export default {
   cursor: pointer;
 
   &__content {
-    background: var(--va-background);
-    color: var(--va-gray);
-    border-radius: 0.5rem;
-    width: 12rem;
-
     .flag-icon-small {
       min-width: 1.5rem;
       min-height: 1.5rem;

diff --git a/src/components/navbar/components/dropdowns/MessageDropdown.vue b/src/components/navbar/components/dropdowns/MessageDropdown.vue
@@ -109,12 +109,6 @@ export default {
     }
   }
 
-  &__content {
-    background: var(--va-background);
-    color: var(--va-secondary);
-    max-width: 20rem;
-  }
-
   &__item {
     cursor: pointer;
     margin-bottom: 0.75rem;

diff --git a/src/components/navbar/components/dropdowns/NotificationDropdown.vue b/src/components/navbar/components/dropdowns/NotificationDropdown.vue
@@ -122,9 +122,6 @@ export default {
   }
 
   &__content {
-    background: var(--va-background);
-    color: var(--va-gray);
-    border-radius: 0.5rem;
     max-width: 20rem;
   }
 

diff --git a/src/components/navbar/components/dropdowns/ProfileDropdown.vue b/src/components/navbar/components/dropdowns/ProfileDropdown.vue
@@ -74,9 +74,6 @@ export default {
   }
 
   &__content {
-    background: var(--va-background);
-    color: var(--va-gray);
-    border-radius: 0.5rem;
     width: 8rem;
   }
 

diff --git a/src/components/navbar/components/dropdowns/SettingsDropdown.vue b/src/components/navbar/components/dropdowns/SettingsDropdown.vue
@@ -71,10 +71,6 @@ export default {
   }
 
   &__content {
-    // background-color: $dropdown-background;
-    // box-shadow: $gray-box-shadow;
-    border-radius: 0.5rem;
-
     &-label {
       margin-bottom: 0.5rem;
     }

diff --git a/src/components/navbar/components/dropdowns/color-dropdown/ColorDropdown.vue b/src/components/navbar/components/dropdowns/color-dropdown/ColorDropdown.vue
@@ -94,12 +94,6 @@ export default {
     align-items: center;
   }
 
-  &__content {
-    background-color: var(--va-background);
-    color: var(--va-gray);
-    border-radius: 0.5rem;
-  }
-
   .va-dropdown__anchor {
     display: inline-block;
   }