From 0c7be850cb16cbfa343dbc57042a65f438a64ecc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fredi=20Wasstr=C3=B6m?= Date: Thu, 29 Aug 2024 11:43:29 +0300 Subject: [PATCH] fix: allow focus rings on pointer coarse devices (#7704) * allow focus rings on pointer coarse devices * change CSS selectors * change order of selectors * fix dumb mistake --- .../date-picker/theme/lumo/vaadin-month-calendar-styles.js | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/packages/date-picker/theme/lumo/vaadin-month-calendar-styles.js b/packages/date-picker/theme/lumo/vaadin-month-calendar-styles.js index 135d896b03..d349d5740e 100644 --- a/packages/date-picker/theme/lumo/vaadin-month-calendar-styles.js +++ b/packages/date-picker/theme/lumo/vaadin-month-calendar-styles.js @@ -133,7 +133,7 @@ registerStyles( @media (pointer: coarse) { [part~='date']:hover:not([part~='selected'])::before, - [part~='focused']:not([part~='selected'])::before { + :host(:not([focus-ring])) [part~='focused']:not([part~='selected'])::before { display: none; } @@ -141,11 +141,10 @@ registerStyles( display: block; } - [part~='date'][part~='selected']::before { + :host(:not([focus-ring])) [part~='date'][part~='selected']::before { box-shadow: none; } } - /* Disabled */ :host([disabled]) * {