Browse Source

refactor(gui-v2): add background color for row on hovering

Signed-off-by: Pranav C <pranavxc@gmail.com>
pull/3262/head
Pranav C 2 years ago
parent
commit
b5e28dedae
  1. 8
      packages/nc-gui-v2/components/cell/Text.vue
  2. 4
      packages/nc-gui-v2/components/smartsheet/Grid.vue

8
packages/nc-gui-v2/components/cell/Text.vue

@ -19,6 +19,12 @@ const focus: VNodeRef = (el) => (el as HTMLInputElement)?.focus()
</script> </script>
<template> <template>
<input v-if="editEnabled" :ref="focus" v-model="vModel" class="h-full w-full outline-none" @blur="editEnabled = false" /> <input
v-if="editEnabled"
:ref="focus"
v-model="vModel"
class="h-full w-full outline-none bg-transparent"
@blur="editEnabled = false"
/>
<span v-else>{{ vModel }}</span> <span v-else>{{ vModel }}</span>
</template> </template>

4
packages/nc-gui-v2/components/smartsheet/Grid.vue

@ -633,4 +633,8 @@ const onNavigate = (dir: NavigateDir) => {
} }
} }
} }
tbody tr:hover {
@apply bg-gray-100 bg-opacity-50;
}
</style> </style>

Loading…
Cancel
Save