diff --git a/packages/nc-gui/assets/style.scss b/packages/nc-gui/assets/style.scss index 7e3d0f5cd5..1ba0949d08 100644 --- a/packages/nc-gui/assets/style.scss +++ b/packages/nc-gui/assets/style.scss @@ -214,17 +214,13 @@ a { @apply z-1 relative color-transition rounded-md px-4 py-2 text-white; &::after { - @apply ring-opacity-100 ring-[2px] ring-slate-300 rounded absolute top-0 left-0 right-0 bottom-0 transition-all duration-150 ease-in-out bg-primary bg-opacity-100; + @apply rounded absolute top-0 left-0 right-0 bottom-0 transition-all duration-150 ease-in-out bg-primary bg-opacity-100; content: ''; z-index: -1; } &:hover::after { - @apply transform scale-110 ring ring-accent; - } - - &:active::after { - @apply ring ring-accent; + @apply transform scale-110; } } @@ -261,7 +257,7 @@ a { } .ant-dropdown-menu-item, .ant-menu-item { - @apply !py-0 active:(ring ring-accent ring-opacity-100); + @apply !py-0; } .ant-dropdown-menu-title-content, diff --git a/packages/nc-gui/components.d.ts b/packages/nc-gui/components.d.ts index 1be206af09..3b0dd76f2f 100644 --- a/packages/nc-gui/components.d.ts +++ b/packages/nc-gui/components.d.ts @@ -200,6 +200,7 @@ declare module '@vue/runtime-core' { MdiPlus: typeof import('~icons/mdi/plus')['default'] MdiPlusCircleOutline: typeof import('~icons/mdi/plus-circle-outline')['default'] MdiPlusOutline: typeof import('~icons/mdi/plus-outline')['default'] + MdiPlusThick: typeof import('~icons/mdi/plus-thick')['default'] MdiReddit: typeof import('~icons/mdi/reddit')['default'] MdiRefresh: typeof import('~icons/mdi/refresh')['default'] MdiReload: typeof import('~icons/mdi/reload')['default'] diff --git a/packages/nc-gui/components/cell/Text.vue b/packages/nc-gui/components/cell/Text.vue index 465cfd73f9..05745ead2c 100644 --- a/packages/nc-gui/components/cell/Text.vue +++ b/packages/nc-gui/components/cell/Text.vue @@ -16,7 +16,9 @@ const readonly = inject(ReadonlyInj, ref(false)) const vModel = useVModel(props, 'modelValue', emits) -const focus: VNodeRef = (el) => (el as HTMLInputElement)?.focus() +const focus: VNodeRef = (el) => { + ;(el as HTMLInputElement)?.focus() +}