fix(default-theme): fixed navigations links alignment (#1220)

vuestorefront · Nov 4, 2020 · aaea470 · aaea470 · vercel · Nov 4, 2020
1 parent 6e9b047
commit aaea470
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/packages/default-theme/src/components/SwMegaMenu.vue b/packages/default-theme/src/components/SwMegaMenu.vue
@@ -7,9 +7,9 @@
  >
  <div class="sw-mega-menu__content">
  <div
- class="sw-mega-menu__content-section"
  v-for="subcategory in category.children"
  :key="subcategory.name"
+ class="sw-mega-menu__content-section"
  data-cy="mega-menu-category"
  >
  <nuxt-link
@@ -101,6 +101,14 @@ export default {
  }
  }
  }
+
+ ::v-deep .sf-heading {
+ text-align: left;
+ }
+
+ .sf-header__link {
+ text-align: left;
+ }
  }
 
  .sf-heading {

diff --git a/packages/default-theme/src/components/SwTopNavigation.vue b/packages/default-theme/src/components/SwTopNavigation.vue
@@ -182,6 +182,11 @@ export default {
  --c-link-hover: var(--_c-green-primary);
  --heading-title-font-line-height: 24px;
 
+ ::v-deep .sf-menu-item__label {
+ text-align: left;
+ width: 100%;
+ }
+
  .sw-overlay {
  --overlay-z-index: 1;
  }
@@ -190,9 +195,11 @@ export default {
  ::v-deep .sf-header {
  display: flex;
  justify-content: space-between;
+
  &__sticky-container {
  width: 100%;
  }
+
  &__navigation {
  flex: 0 0 calc(100% - 20rem);
  }