refactor(ui5-side-navigation): add box-shadow by default (#11244)

Author: ilhan007

packages/fiori/src/themes/NavigationLayout.css

@@ -40,10 +40,6 @@
 	width: 100%;
 }
 
-:host(:not([is-phone])) ::slotted([ui5-side-navigation][slot="sideContent"]) {
-	box-shadow: var(--_ui5_nl_side_navigation_box_shadow);
-}
-
 :host([is-phone]) ::slotted([ui5-side-navigation][slot="sideContent"]) {
 	width: 100%;
 	box-shadow: none;

packages/fiori/src/themes/SideNavigation.css

@@ -10,6 +10,9 @@
 	font-family: "72override", var(--sapFontFamily);
 	font-size: var(--sapFontSize);
 	background: var(--sapList_Background);
+	box-shadow: var(--_ui5_side_navigation_box_shadow);
+	border-inline-end: var(--_ui5_side_navigation_border_right);
+	box-sizing: border-box;
 }
 
 :host([collapsed]) {
@@ -25,9 +28,8 @@
 	height: 100%;
 	display: flex;
 	flex-direction: column;
-	box-sizing: border-box;
+	box-sizing: inherit;
 	border-radius: inherit;
-	border-inline-end: var(--_ui5_side_navigation_border_right);
 }
 
 .ui5-sn-flexible {

packages/fiori/src/themes/base/NavigationLayout-parameters.css

@@ -7,7 +7,6 @@
 @import "../base/ProductSwitchItem-parameters.css";
 @import "./ShellBar-parameters.css";
 @import "../base/SideNavigation-parameters.css";
-@import "../base/NavigationLayout-parameters.css";
 @import "../base/TimelineItem-parameters.css";
 @import "../base/UploadCollection-parameters.css";
 @import "../base/ViewSettingsDialog-parameters.css";

packages/fiori/src/themes/sap_fiori_3/parameters-bundle.css

@@ -7,7 +7,6 @@
 @import "../base/ProductSwitchItem-parameters.css";
 @import "./ShellBar-parameters.css";
 @import "../base/SideNavigation-parameters.css";
-@import "../base/NavigationLayout-parameters.css";
 @import "../base/TimelineItem-parameters.css";
 @import "../base/UploadCollection-parameters.css";
 @import "../base/ViewSettingsDialog-parameters.css";

packages/fiori/src/themes/sap_fiori_3_dark/parameters-bundle.css

@@ -7,7 +7,6 @@
 @import "./ProductSwitchItem-parameters.css";
 @import "../base/ShellBar-parameters.css";
 @import "../base/SideNavigation-parameters.css";
-@import "../base/NavigationLayout-parameters.css";
 @import "./TimelineItem-parameters.css";
 @import "./UploadCollection-parameters.css";
 @import "../base/ViewSettingsDialog-parameters.css";

packages/fiori/src/themes/sap_fiori_3_hcb/parameters-bundle.css

@@ -7,7 +7,6 @@
 @import "./ProductSwitchItem-parameters.css";
 @import "../base/ShellBar-parameters.css";
 @import "../base/SideNavigation-parameters.css";
-@import "../base/NavigationLayout-parameters.css";
 @import "./TimelineItem-parameters.css";
 @import "./UploadCollection-parameters.css";
 @import "../base/ViewSettingsDialog-parameters.css";

packages/fiori/src/themes/sap_fiori_3_hcw/parameters-bundle.css

@@ -10,7 +10,6 @@
 @import "./ShellBar-parameters.css";
 @import "./TimelineItem-parameters.css";
 @import "./SideNavigation-parameters.css";
-@import "./NavigationLayout-parameters.css";
 @import "./UploadCollection-parameters.css";
 @import "./Wizard-parameters.css";
 @import "./WizardTab-parameters.css";

packages/fiori/src/themes/sap_horizon/NavigationLayout-parameters.css

@@ -11,7 +11,7 @@
 @import "../base/SearchField-parameters.css";
 @import "./TimelineItem-parameters.css";
 @import "./SideNavigation-parameters.css";
-@import "./NavigationLayout-parameters.css";
+
 @import "./UploadCollection-parameters.css";
 @import "./Wizard-parameters.css";
 @import "./WizardTab-parameters.css";

packages/fiori/src/themes/sap_horizon/parameters-bundle.css

@@ -8,7 +8,7 @@
 @import "../base/ShellBar-parameters.css";
 @import "./ShellBar-parameters.css";
 @import "./SideNavigation-parameters.css";
-@import "./NavigationLayout-parameters.css";
+
 @import "./TimelineItem-parameters.css";
 @import "./UploadCollection-parameters.css";
 @import "../base/ViewSettingsDialog-parameters.css";

packages/fiori/src/themes/sap_horizon_dark/NavigationLayout-parameters.css

@@ -7,7 +7,6 @@
 @import "./ProductSwitchItem-parameters.css";
 @import "../sap_horizon_hcb/ShellBar-parameters.css";
 @import "./SideNavigation-parameters.css";
-@import "./NavigationLayout-parameters.css";
 @import "./TimelineItem-parameters.css";
 @import "./UploadCollection-parameters.css";
 @import "../base/ViewSettingsDialog-parameters.css";

packages/fiori/src/themes/sap_horizon_dark/parameters-bundle.css

@@ -18,4 +18,6 @@
 
 #sideNavigation {
 	width: 18rem;
+	box-shadow: none;
+	border-inline-end: none;
 }