From 235a951f31864aae47b9ce950ffbc20fb4c2ed18 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Niels=20Lyngs=C3=B8?= Date: Thu, 17 Apr 2025 09:22:52 +0200 Subject: [PATCH] Transparent Focal Point (#19047) * make focal point transparent * Update src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-image-cropper/image-cropper-focus-setter.element.ts Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> * remove background color --------- Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- .../image-cropper-focus-setter.element.ts | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-image-cropper/image-cropper-focus-setter.element.ts b/src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-image-cropper/image-cropper-focus-setter.element.ts index 5b53159e39..8a5ad6a3fd 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-image-cropper/image-cropper-focus-setter.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-image-cropper/image-cropper-focus-setter.element.ts @@ -298,11 +298,12 @@ export class UmbImageCropperFocusSetterElement extends UmbLitElement { width: calc(2 * var(--dot-radius)); height: calc(2 * var(--dot-radius)); top: 0; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25); + box-shadow: + rgba(0, 0, 0, 0.25) 0px 0px 0px 1px, + inset rgba(0, 0, 0, 0.25) 0px 0px 0px 1px; border: solid 2px white; border-radius: 50%; pointer-events: none; - background-color: var(--uui-palette-spanish-pink-light); transition: 150ms transform; box-sizing: inherit; }