From 54007a4c6c28ee9bb0a0b4e980718219c9ec30f0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Niels=20Lyngs=C3=B8?= Date: Wed, 14 Aug 2024 12:48:39 +0200 Subject: [PATCH] show actions on invalid --- .../block-list-entry/block-list-entry.element.ts | 16 ++++++++++------ 1 file changed, 10 insertions(+), 6 deletions(-) diff --git a/src/Umbraco.Web.UI.Client/src/packages/block/block-list/components/block-list-entry/block-list-entry.element.ts b/src/Umbraco.Web.UI.Client/src/packages/block/block-list/components/block-list-entry/block-list-entry.element.ts index 6079200551..ab6f887118 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/block/block-list/components/block-list-entry/block-list-entry.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/block/block-list/components/block-list-entry/block-list-entry.element.ts @@ -287,19 +287,23 @@ export class UmbBlockListEntryElement extends UmbLitElement implements UmbProper :host { position: relative; display: block; + --umb-block-list-entry-actions-opacity: 0; } + + :host([settings-invalid]), + :host([content-invalid]), + :host(:hover), + :host(:focus-within) { + --umb-block-list-entry-actions-opacity: 1; + } + uui-action-bar { position: absolute; top: var(--uui-size-2); right: var(--uui-size-2); - opacity: 0; + opacity: var(--umb-block-list-entry-actions-opacity, 0); transition: opacity 120ms; } - :host(:hover) uui-action-bar, - uui-action-bar:focus, - :host(:focus-within) uui-action-bar { - opacity: 1; - } :host([drag-placeholder]) { opacity: 0.2;