From 8089dc9c6152dca8acdd11f3aa98ea51abbdae69 Mon Sep 17 00:00:00 2001 From: Ramesh Mane <101566080+rameshmane7218@users.noreply.github.com> Date: Sat, 6 Apr 2024 12:00:50 +0000 Subject: [PATCH] fix(nc-gui): add outline for switch btn on focus visible --- packages/nc-gui/assets/style.scss | 6 ++++++ packages/nc-gui/components/smartsheet/Form.vue | 7 ------- 2 files changed, 6 insertions(+), 7 deletions(-) diff --git a/packages/nc-gui/assets/style.scss b/packages/nc-gui/assets/style.scss index d4c893a484..718be11a0b 100644 --- a/packages/nc-gui/assets/style.scss +++ b/packages/nc-gui/assets/style.scss @@ -794,3 +794,9 @@ svg.nc-virtual-cell-icon { @apply text-gray-800; } } + +// switch - on tab focus show outline +.ant-switch:focus-visible, +.ant-switch-checked:focus-visible { + box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3366ff; +} diff --git a/packages/nc-gui/components/smartsheet/Form.vue b/packages/nc-gui/components/smartsheet/Form.vue index 52d029c9f9..f6688eff93 100644 --- a/packages/nc-gui/components/smartsheet/Form.vue +++ b/packages/nc-gui/components/smartsheet/Form.vue @@ -2028,13 +2028,6 @@ useEventListener( } } } - -.nc-form-wrapper { - .ant-switch:focus-visible, - .ant-switch-checked:focus-visible { - box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3366ff; - } -}