Browse Source

fix(nc-gui): group, sort, search menu field list padding between fields

pull/8188/head
Ramesh Mane 8 months ago
parent
commit
af4c98b928
  1. 6
      packages/nc-gui/components/smartsheet/toolbar/FieldListWithSearch.vue

6
packages/nc-gui/components/smartsheet/toolbar/FieldListWithSearch.vue

@ -112,7 +112,7 @@ watch(
@keydown.arrow-up.prevent="onArrowUp" @keydown.arrow-up.prevent="onArrowUp"
@keydown.enter.prevent="onClick(filteredOptions[activeFieldIndex])" @keydown.enter.prevent="onClick(filteredOptions[activeFieldIndex])"
> >
<div class="w-full pb-3 px-2" @click.stop> <div class="w-full pb-2 px-2" @click.stop>
<a-input <a-input
ref="inputRef" ref="inputRef"
v-model:value="searchQuery" v-model:value="searchQuery"
@ -140,7 +140,7 @@ watch(
v-for="(option, index) in filteredOptions" v-for="(option, index) in filteredOptions"
:key="index" :key="index"
v-e="configByToolbarMenu.selectOptionEvent" v-e="configByToolbarMenu.selectOptionEvent"
class="flex w-full h-10 items-center justify-between px-2 hover:bg-gray-100 cursor-pointer rounded-md" class="flex w-full py-[5px] items-center justify-between px-2 hover:bg-gray-100 cursor-pointer rounded-md"
:class="[ :class="[
`${configByToolbarMenu.optionClassName}`, `${configByToolbarMenu.optionClassName}`,
`nc-field-list-option-${index}`, `nc-field-list-option-${index}`,
@ -157,7 +157,7 @@ watch(
'max-w-full': !showSelectedOption, 'max-w-full': !showSelectedOption,
}" }"
> >
<SmartsheetHeaderIcon :column="option" /> <SmartsheetHeaderIcon :column="option" class="!w-3.5 !h-3.5 !text-gray-700" />
<NcTooltip class="truncate" show-on-truncate-only> <NcTooltip class="truncate" show-on-truncate-only>
<template #title> {{ option.title }}</template> <template #title> {{ option.title }}</template>
<span> <span>

Loading…
Cancel
Save