fix(sidebar-nav-collapsible): proper opacity for chevron (#840)

telekom · Feb 2, 2022 · 363cbcc · 363cbcc
1 parent fad731e
commit 363cbcc
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 3 deletions.
diff --git a/packages/components/src/components/sidebar-nav-collapsible/sidebar-nav-collapsible.css b/packages/components/src/components/sidebar-nav-collapsible/sidebar-nav-collapsible.css
@@ -10,6 +10,7 @@
  */
 
 :host {
+  --opacity-chevron: 1;
   --border-bottom-color: var(--scl-color-grey-10);
   --border-left-color-third-nesting: var(--scl-color-grey-70);
   --color-active: var(--scl-color-primary-active);

diff --git a/packages/components/src/components/sidebar-nav/sidebar-nav.css b/packages/components/src/components/sidebar-nav/sidebar-nav.css
@@ -13,7 +13,6 @@
   --max-width: 15rem;
   --spacing-indent: var(--scl-spacing-24);
   --spacing-collapsible: var(--scl-spacing-16);
-  --opacity-chevron: 0;
   --left-current-border: 0;
 
   --color: var(--scl-color-primary);
@@ -27,7 +26,6 @@
 .sidebar-nav--collapsible {
   --max-width: none;
   --spacing-indent: 0;
-  --opacity-chevron: 1;
   --left-current-border: calc(-1 * var(--spacing-collapsible));
 
   padding-right: var(--spacing-collapsible);

diff --git a/...es/storybook-vue/stories/3_components/sidebar-navigation/SidebarNav.stories.mdx b/...es/storybook-vue/stories/3_components/sidebar-navigation/SidebarNav.stories.mdx
@@ -161,7 +161,6 @@ export const Template = (args, { argTypes }) => ({
   --max-width: 15rem;
   --spacing-indent: var(--scl-spacing-24);
   --spacing-collapsible: var(--scl-spacing-16);
-  --opacity-chevron: 0;
   --left-current-border: 0;
 
   --color: var(--scl-color-primary);
@@ -174,6 +173,7 @@ export const Template = (args, { argTypes }) => ({
 
 /* sidebar-nav-collapsible */
 :host {
+  --opacity-chevron: 1;
   --border-bottom-color: var(--scl-color-grey-10);
   --border-left-color-third-nesting: var(--scl-color-grey-70);
   --color-active: var(--scl-color-primary-active);