Making tab bar box shadow independent of expand mode

OS-pedrolourenco · OS-pedrolourenco · commit a30ba24ae083 · 2025-01-08T15:12:34.000Z
diff --git a/core/src/components/tab-bar/tab-bar.ionic.scss b/core/src/components/tab-bar/tab-bar.ionic.scss
@@ -23,6 +23,8 @@
 
   // TODO(ROU-10853): replace this value with a layer token
   z-index: 10;
+
+  box-shadow: #{globals.$ion-elevation-2};
 }
 
 // Tab Bar Expand
@@ -54,8 +56,6 @@
 
   width: fit-content;
 
-  box-shadow: #{globals.$ion-elevation-2};
-
   contain: content;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -23,6 +23,8 @@`
`23`	`23`
`24`	`24`	`// TODO(ROU-10853): replace this value with a layer token`
`25`	`25`	`z-index: 10;`
	`26`	`+`
	`27`	`+ box-shadow: #{globals.$ion-elevation-2};`
`26`	`28`	`}`
`27`	`29`
`28`	`30`	`// Tab Bar Expand`
`@@ -54,8 +56,6 @@`
`54`	`56`
`55`	`57`	`width: fit-content;`
`56`	`58`
`57`		`- box-shadow: #{globals.$ion-elevation-2};`
`58`		`-`
`59`	`59`	`contain: content;`
`60`	`60`	`}`
`61`	`61`