From 8c7712fab67ba51a8d4adbcd5266e0b7aad2ea91 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?S=C3=B8ren=20Kottal?= Date: Mon, 14 Oct 2024 11:28:42 +0200 Subject: [PATCH 1/2] Fix alignment of menu-item parts --- packages/uui-menu-item/lib/uui-menu-item.element.ts | 5 +++-- packages/uui-symbol-expand/lib/uui-symbol-expand.element.ts | 1 + 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/packages/uui-menu-item/lib/uui-menu-item.element.ts b/packages/uui-menu-item/lib/uui-menu-item.element.ts index a4bc5a480..eda65ccec 100644 --- a/packages/uui-menu-item/lib/uui-menu-item.element.ts +++ b/packages/uui-menu-item/lib/uui-menu-item.element.ts @@ -519,7 +519,8 @@ export class UUIMenuItemElement extends SelectOnlyMixin( height: 100%; display: flex; align-items: center; - justify-content: center; + justify-content: end; + padding-inline-end: 3px; color: var(--uui-color-interactive); } @@ -553,7 +554,7 @@ export class UUIMenuItemElement extends SelectOnlyMixin( #icon { display: inline-flex; - font-size: 16px; + font-size: 15.66px; margin-right: var(--uui-size-2); } diff --git a/packages/uui-symbol-expand/lib/uui-symbol-expand.element.ts b/packages/uui-symbol-expand/lib/uui-symbol-expand.element.ts index 224d5c785..14b655f6f 100644 --- a/packages/uui-symbol-expand/lib/uui-symbol-expand.element.ts +++ b/packages/uui-symbol-expand/lib/uui-symbol-expand.element.ts @@ -35,6 +35,7 @@ export class UUISymbolExpandElement extends LitElement { :host { display: inline-block; width: 12px; + height: 12px; vertical-align: middle; } From de0bbd55fe0545a0fd80011775d18a93f27174af Mon Sep 17 00:00:00 2001 From: Mads Rasmussen Date: Tue, 19 Nov 2024 12:18:57 +0100 Subject: [PATCH 2/2] apply suggestion from Bjarne --- packages/uui-icon/lib/uui-icon.element.ts | 4 ++-- packages/uui-menu-item/lib/uui-menu-item.element.ts | 1 - 2 files changed, 2 insertions(+), 3 deletions(-) diff --git a/packages/uui-icon/lib/uui-icon.element.ts b/packages/uui-icon/lib/uui-icon.element.ts index b05e0fa00..36f4c4836 100644 --- a/packages/uui-icon/lib/uui-icon.element.ts +++ b/packages/uui-icon/lib/uui-icon.element.ts @@ -141,8 +141,8 @@ export class UUIIconElement extends LitElement { :host { display: inline-block; vertical-align: bottom; - width: 1.15em; - height: 1.15em; + width: 1.125em; + height: 1.125em; } :host svg, diff --git a/packages/uui-menu-item/lib/uui-menu-item.element.ts b/packages/uui-menu-item/lib/uui-menu-item.element.ts index eda65ccec..184ec37e0 100644 --- a/packages/uui-menu-item/lib/uui-menu-item.element.ts +++ b/packages/uui-menu-item/lib/uui-menu-item.element.ts @@ -554,7 +554,6 @@ export class UUIMenuItemElement extends SelectOnlyMixin( #icon { display: inline-flex; - font-size: 15.66px; margin-right: var(--uui-size-2); }