fix(theme): Hide first section in sidebar navigation (#321)

* fix(theme): Hide first section in sidebar navigation * fix side navbar styles
vuestorefront · Jan 22, 2020 · ed9246f · ed9246f · github-actions · Jan 22, 2020
1 parent 20391d6
commit ed9246f
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/packages/default-theme/components/cms/elements/SwCategoryNavigationSlot.vue b/packages/default-theme/components/cms/elements/SwCategoryNavigationSlot.vue
@@ -5,7 +5,7 @@
  </div>
  <div class="sw-category-navigation__menu">
  <SfHeading subtitle="No subcategories" v-if="!navigation.length"/>
- <SfAccordion :first-open="true" :show-chevron="true">
+ <SfAccordion :show-chevron="true">
  <SfAccordionItem
  v-for="accordion in navigation"
  :key="accordion.id"
@@ -98,11 +98,12 @@ export default {
 .sw-category-navigation {
  margin-right: 0 !important;
  &__header {
- margin-left: 2.5rem;
+ // margin-left: 2.5rem;
  flex: 0 0 15%;
  align-items: center;
  display: flex;
- height: 3.9rem;
+ padding: 20px;
+ height: 3.57rem;
  @include for-desktop {
  border-top: 1px solid $c-light;
  border-bottom: 1px solid $c-light;
@@ -117,7 +118,11 @@ export default {
  &__menu {
  margin-right: 20px;
  flex: 0 0 15%;
- padding: $spacer-extra-big;
+ padding: 20px 0 20px 0;
+
+ @include for-desktop {
+ width: 12rem;
+ }
 
  &__aside {
  display: flex;

diff --git a/packages/default-theme/components/cms/elements/SwCategorySidebarFilter.vue b/packages/default-theme/components/cms/elements/SwCategorySidebarFilter.vue
@@ -220,7 +220,7 @@ export default {
  }
 
  &__main {
- margin-left: 20px;
+ margin: 0 20px 0 20px;
  flex: 1;
  display: flex;
  align-items: center;
@@ -269,6 +269,7 @@ export default {
  }
  &__counter {
  margin: auto;
+ padding-right: 20px;
  @include for-desktop {
  margin-right: 0;
  }