fix(nc-gui): add outline for switch btn on focus visible

3 months ago · 8089dc9c61
2 changed files with 6 additions and 7 deletions
--- 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;
+}
--- 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;
-  }
-}
 </style>

 <style lang="scss">