Browse Source

fix : fixed columfilter max-width

pull/7181/head
musharaf-nocodb 1 year ago
parent
commit
c5a1974faa
  1. 7
      packages/nc-gui/components/smartsheet/toolbar/ColumnFilter.vue
  2. 4
      packages/nc-gui/components/smartsheet/toolbar/FieldListAutoCompleteDropdown.vue

7
packages/nc-gui/components/smartsheet/toolbar/ColumnFilter.vue

@ -472,8 +472,11 @@ onBeforeUnmount(() => {
>
<template v-for="compSubOp of comparisonSubOpList(filter.comparison_op)" :key="compSubOp.value">
<a-select-option v-if="isComparisonSubOpAllowed(filter, compSubOp)" :value="compSubOp.value">
<div class="flex items-center w-full justify-between w-full gap-2">
<div class="truncate flex-1">{{ compSubOp.text }}</div>
<div class="flex items-center w-full justify-between w-full gap-2 max-w-40">
<NcTooltip show-on-truncate-only class="truncate flex-1">
<template #title>{{ compSubOp.text }}</template>
{{ compSubOp.text }}
</NcTooltip>
<component
v-if="filter.comparison_sub_op === compSubOp.value"
id="selected-item-icon"

4
packages/nc-gui/components/smartsheet/toolbar/FieldListAutoCompleteDropdown.vue

@ -80,8 +80,8 @@ if (!localValue.value && allowEmpty !== true) {
dropdown-class-name="nc-dropdown-toolbar-field-list"
>
<a-select-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value">
<div class="flex items-center w-full justify-between w-full gap-2">
<div class="flex gap-1 items-center truncate items-center h-full">
<div class="flex items-center w-full justify-between w-full gap-2 max-w-50">
<div class="flex gap-1 flex-1 items-center truncate items-center h-full">
<component :is="option.icon" class="min-w-5 !mx-0" />
<NcTooltip
:style="{ wordBreak: 'keep-all', whiteSpace: 'nowrap', display: 'inline' }"

Loading…
Cancel
Save