From c5ebc7c38d27ce06c78c581f79c3b7388260801d Mon Sep 17 00:00:00 2001 From: Mads Rasmussen Date: Fri, 7 Mar 2025 11:37:48 +0100 Subject: [PATCH 1/3] Fix: Remove extra margin on ref-node (#1037) * remove extra margin * Update uui-ref-node.element.ts --- packages/uui-ref-node/lib/uui-ref-node.element.ts | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/packages/uui-ref-node/lib/uui-ref-node.element.ts b/packages/uui-ref-node/lib/uui-ref-node.element.ts index 1d93e6b56..0f69f5804 100644 --- a/packages/uui-ref-node/lib/uui-ref-node.element.ts +++ b/packages/uui-ref-node/lib/uui-ref-node.element.ts @@ -184,7 +184,7 @@ export class UUIRefNodeElement extends UUIRefElement { align-items: center; justify-content: center; line-height: 1.2em; - padding: calc(var(--uui-size-3)); + padding: calc(var(--uui-size-2)); } #open-part { @@ -220,6 +220,10 @@ export class UUIRefNodeElement extends UUIRefElement { flex-grow: 0; padding: 0; margin: calc(var(--uui-size-2)); + + #content { + padding: 0; + } } :host(:not([disabled])) #open-part:hover #icon { From 0ecc871309a08683e93ebb7e32baf49f5d0bf3ff Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Niels=20Lyngs=C3=B8?= Date: Thu, 20 Mar 2025 19:24:18 +0100 Subject: [PATCH 2/3] fallback render select border --- packages/uui-card/lib/uui-card.element.ts | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/uui-card/lib/uui-card.element.ts b/packages/uui-card/lib/uui-card.element.ts index ea9735c76..1965f6499 100644 --- a/packages/uui-card/lib/uui-card.element.ts +++ b/packages/uui-card/lib/uui-card.element.ts @@ -84,7 +84,8 @@ export class UUICardElement extends SelectOnlyMixin( } protected render() { - return html``; + return html` +
`; } static styles = [ From ec950b13409c34d8569d69129a20a9ead7f400c3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Niels=20Lyngs=C3=B8?= Date: Thu, 20 Mar 2025 19:40:29 +0100 Subject: [PATCH 3/3] make default render of uui-card include the select border --- packages/uui-card/lib/uui-card.element.ts | 2 +- packages/uui-card/lib/uui-card.story.ts | 2 +- packages/uui/tsconfig.json | 6 +++--- 3 files changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/uui-card/lib/uui-card.element.ts b/packages/uui-card/lib/uui-card.element.ts index 1965f6499..a262a0e91 100644 --- a/packages/uui-card/lib/uui-card.element.ts +++ b/packages/uui-card/lib/uui-card.element.ts @@ -84,7 +84,7 @@ export class UUICardElement extends SelectOnlyMixin( } protected render() { - return html` + return html`
`; } diff --git a/packages/uui-card/lib/uui-card.story.ts b/packages/uui-card/lib/uui-card.story.ts index 8bc417226..f975bc1f0 100644 --- a/packages/uui-card/lib/uui-card.story.ts +++ b/packages/uui-card/lib/uui-card.story.ts @@ -9,7 +9,7 @@ const meta: Meta = { component: 'uui-card', title: 'Displays/Cards/Card', args: { - slot: 'This is an example of a simple card', + slot: '
This is an example of a simple card with a link.
', }, render: args => html`${renderSlots(args)}`, diff --git a/packages/uui/tsconfig.json b/packages/uui/tsconfig.json index 6e3ea858f..e2b135e8b 100644 --- a/packages/uui/tsconfig.json +++ b/packages/uui/tsconfig.json @@ -38,13 +38,13 @@ "path": "../uui-button" }, { - "path": "../uui-button-group" + "path": "../uui-button-copy-text" }, { - "path": "../uui-button-inline-create" + "path": "../uui-button-group" }, { - "path": "../uui-button-copy-text" + "path": "../uui-button-inline-create" }, { "path": "../uui-card"