From 2939eb4f814a42e07df46f49a1ab295c422aee91 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Niels=20Lyngs=C3=B8?= Date: Fri, 21 Nov 2025 11:19:34 +0100 Subject: [PATCH] Bock Type Card: make actions stand clear from thumbnail/color (#20895) clean up and make actions stand clear from custom background colors/images --- .../input-block-type.element.ts | 22 +++++-------------- 1 file changed, 5 insertions(+), 17 deletions(-) diff --git a/src/Umbraco.Web.UI.Client/src/packages/block/block-type/components/input-block-type/input-block-type.element.ts b/src/Umbraco.Web.UI.Client/src/packages/block/block-type/components/input-block-type/input-block-type.element.ts index 51b3768714..3c11d9edc2 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/block/block-type/components/input-block-type/input-block-type.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/block/block-type/components/input-block-type/input-block-type.element.ts @@ -204,28 +204,16 @@ export class UmbInputBlockTypeElement< opacity: 0.5; } + uui-action-bar { + --uui-button-background-color: var(--uui-color-surface); + --uui-button-background-color-hover: var(--uui-color-surface); + } + #add-button { text-align: center; min-height: 150px; height: 100%; } - - uui-icon { - display: block; - margin: 0 auto; - } - - uui-input { - border: none; - margin: var(--uui-size-space-6) 0 var(--uui-size-space-4); - } - - uui-input:hover uui-button { - opacity: 1; - } - uui-input uui-button { - opacity: 0; - } `, ]; }