fix(ui5-user-menu): correct design inconsistencies (#11829)

adrian-bobev · web-flow · commit 32e428440dcf · 2025-07-02T16:22:41.000+03:00
diff --git a/packages/fiori/src/themes/UserMenu.css b/packages/fiori/src/themes/UserMenu.css
@@ -48,7 +48,7 @@
     display: flex;
     align-items: center;
     flex-direction: column;
-    margin-bottom: 1rem;
+    margin-block-end: 0.5rem;
     overflow: hidden;
 }
 
@@ -72,23 +72,22 @@
 }
 
 .ui5-user-menu-selected-account-description {
-    margin-bottom: 1rem;
     font-family: var(--sapFontFamily);
     font-size: var(--sapFontSize);
     color: var(--sapContent_LabelColor)
 }
 
 .ui5-user-menu-manage-account-btn {
     font-family: var(--sapFontSemiboldDuplexFamily);
+    margin-block-start: 1rem;
 }
 
-
 .ui5-user-menu-sign-out-btn {
     font-family: var(--sapFontSemiboldDuplexFamily);
 }
 
 .ui5-user-menu-other-accounts {
-    margin-bottom: 1rem;
+    margin-block-end: 0.5rem;
 }
 
 .ui5-user-menu-other-accounts::part(header) {
@@ -106,7 +105,6 @@
     width: 100%;
     height: 4.5rem;
     gap: 12px;
-    padding-block: 8px 16px;
 }
 
 .ui5-user-menu-other-accounts-info {
diff --git a/packages/fiori/src/themes/UserMenuItem.css b/packages/fiori/src/themes/UserMenuItem.css
@@ -1,6 +1,5 @@
 :host {
-	height: 40px;
-    margin-block: 0.5rem;
+    height: 40px;
 }
 
 :host(:last-of-type) {

Original file line number	Diff line number	Diff line change
`@@ -48,7 +48,7 @@`
`48`	`48`	`display: flex;`
`49`	`49`	`align-items: center;`
`50`	`50`	`flex-direction: column;`
`51`		`- margin-bottom: 1rem;`
	`51`	`+ margin-block-end: 0.5rem;`
`52`	`52`	`overflow: hidden;`
`53`	`53`	`}`
`54`	`54`
`@@ -72,23 +72,22 @@`
`72`	`72`	`}`
`73`	`73`
`74`	`74`	`.ui5-user-menu-selected-account-description {`
`75`		`- margin-bottom: 1rem;`
`76`	`75`	`font-family: var(--sapFontFamily);`
`77`	`76`	`font-size: var(--sapFontSize);`
`78`	`77`	`color: var(--sapContent_LabelColor)`
`79`	`78`	`}`
`80`	`79`
`81`	`80`	`.ui5-user-menu-manage-account-btn {`
`82`	`81`	`font-family: var(--sapFontSemiboldDuplexFamily);`
	`82`	`+ margin-block-start: 1rem;`
`83`	`83`	`}`
`84`	`84`
`85`		`-`
`86`	`85`	`.ui5-user-menu-sign-out-btn {`
`87`	`86`	`font-family: var(--sapFontSemiboldDuplexFamily);`
`88`	`87`	`}`
`89`	`88`
`90`	`89`	`.ui5-user-menu-other-accounts {`
`91`		`- margin-bottom: 1rem;`
	`90`	`+ margin-block-end: 0.5rem;`
`92`	`91`	`}`
`93`	`92`
`94`	`93`	`.ui5-user-menu-other-accounts::part(header) {`
`@@ -106,7 +105,6 @@`
`106`	`105`	`width: 100%;`
`107`	`106`	`height: 4.5rem;`
`108`	`107`	`gap: 12px;`
`109`		`- padding-block: 8px 16px;`
`110`	`108`	`}`
`111`	`109`
`112`	`110`	`.ui5-user-menu-other-accounts-info {`