github
/
nocodb
mirror of https://github.com/nocodb/nocodb
1
0
Fork 0
Code Issues Releases Wiki Activity
Browse Source

fix(nc-gui): focus form element only in tab press

pull/7786/head
Ramesh Mane 9 months ago
parent
61400e7a5c
commit
9ce9d4d5ec
1 changed files with 5 additions and 8 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 13
      packages/nc-gui/components/smartsheet/Form.vue

13
packages/nc-gui/components/smartsheet/Form.vue
Unescape View File

@ -1825,10 +1825,10 @@ useEventListener(
.nc-form-field-ghost { .nc-form-field-ghost {
@apply bg-gray-50; @apply bg-gray-50;
} }
:deep(.nc-form-input-required + button):focus { :deep(.nc-form-input-required + button):focus-visible {
box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3366ff; box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3366ff;
} }
:deep(.nc-form-switch-focus):focus { :deep(.nc-form-switch-focus):focus-visible {
box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3366ff; box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3366ff;
} }
.nc-form-field-layout { .nc-form-field-layout {
@ -1839,7 +1839,7 @@ useEventListener(
.ant-radio { .ant-radio {
@apply !top-0; @apply !top-0;
&:focus-within .ant-radio-inner { .ant-radio-input:focus-visible + .ant-radio-inner {
box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3366ff; box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3366ff;
} }
} }
@ -1847,12 +1847,9 @@ useEventListener(
} }
.nc-form-wrapper { .nc-form-wrapper {
.ant-switch:focus, .ant-switch:focus-visible,
.ant-switch-checked:focus { .ant-switch-checked:focus-visible {
box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3366ff; box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3366ff;
&:hover {
box-shadow: none;
}
} }
} }
</style> </style>

Write Preview
Loading…
Cancel
Save