fix(nav-drawer): move full width to the base container files since it…

… is the same in all themes.
IgniteUI · May 17, 2024 · acb6b9a · acb6b9a
1 parent bdbe5b4
commit acb6b9a
Show file tree

Hide file tree

Showing 5 changed files with 2 additions and 4 deletions.
diff --git a/src/components/nav-drawer/themes/container.base.scss b/src/components/nav-drawer/themes/container.base.scss
@@ -2,6 +2,8 @@
 @use 'styles/utilities' as *;
 
 :host {
+    --menu-full-width: #{rem(240px)};
+
     display: flex;
     flex-shrink: 0;
     font-family: var(--ig-font-family);

diff --git a/src/components/nav-drawer/themes/shared/container/nav-drawer.bootstrap.scss b/src/components/nav-drawer/themes/shared/container/nav-drawer.bootstrap.scss
@@ -1,7 +1,6 @@
 @use 'styles/utilities' as *;
 
 :host {
-    --menu-full-width: #{rem(208px)};
     --menu-mini-width: #{rem(88px)};
 }
 

diff --git a/src/components/nav-drawer/themes/shared/container/nav-drawer.fluent.scss b/src/components/nav-drawer/themes/shared/container/nav-drawer.fluent.scss
@@ -4,7 +4,6 @@
 $theme: $fluent;
 
 :host {
-    --menu-full-width: #{rem(240px)};
     --menu-mini-width: #{rem(40px)};
 }
 

diff --git a/src/components/nav-drawer/themes/shared/container/nav-drawer.indigo.scss b/src/components/nav-drawer/themes/shared/container/nav-drawer.indigo.scss
@@ -4,7 +4,6 @@
 $theme: $indigo;
 
 :host {
-    --menu-full-width: #{rem(240px)};
     --menu-mini-width: #{rem(48px)};
 
     [part='overlay'] {

diff --git a/src/components/nav-drawer/themes/shared/container/nav-drawer.material.scss b/src/components/nav-drawer/themes/shared/container/nav-drawer.material.scss
@@ -1,7 +1,6 @@
 @use 'styles/utilities' as *;
 
 :host {
-    --menu-full-width: #{rem(240px)};
     --menu-mini-width: #{rem(56px)};
 }