adminforth 2.22.0-next.4 → 2.22.0-next.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -22,21 +22,23 @@
22
22
  class="bg-lightForm dark:bg-darkForm dark:border-darkFormBorder block md:table-row"
23
23
  :class="{ 'border-b': i !== group.columns.length - 1}"
24
24
  >
25
- <td class="px-6 py-4 flex items-center block md:table-cell pb-0 md:pb-4"
25
+ <td class="px-6 py-4 flex items-center block pb-0 md:pb-4 relative md:table-cell"
26
26
  :class="{'rounded-bl-lg border-b-none': i === group.columns.length - 1}"> <!--align-top-->
27
- <span class="flex items-center gap-1">
28
- {{ column.label }}
29
- <Tooltip v-if="column.required[mode]">
27
+ <div class="absolute inset-0 flex items-center overflow-hidden px-6 py-4 max-h-32">
28
+ <span class="flex items-center gap-1">
29
+ {{ column.label }}
30
+ <Tooltip v-if="column.required[mode]">
30
31
 
31
- <IconExclamationCircleSolid v-if="column.required[mode]" class="w-4 h-4"
32
- :class="(columnError(column) && validating) ? 'text-lightInputErrorColor dark:text-darkInputErrorColor' : 'text-lightRequiredIconColor dark:text-darkRequiredIconColor'"
33
- />
32
+ <IconExclamationCircleSolid v-if="column.required[mode]" class="w-4 h-4"
33
+ :class="(columnError(column) && validating) ? 'text-lightInputErrorColor dark:text-darkInputErrorColor' : 'text-lightRequiredIconColor dark:text-darkRequiredIconColor'"
34
+ />
34
35
 
35
- <template #tooltip>
36
- {{ $t('Required field') }}
37
- </template>
38
- </Tooltip>
39
- </span>
36
+ <template #tooltip>
37
+ {{ $t('Required field') }}
38
+ </template>
39
+ </Tooltip>
40
+ </span>
41
+ </div>
40
42
  </td>
41
43
  <td
42
44
  class="px-6 py-4 whitespace-pre-wrap relative block md:table-cell"
@@ -32,8 +32,10 @@
32
32
  :record="coreStore.record"
33
33
  />
34
34
  <template v-else-if="checkShowIf(column, record, resource?.columns || [])">
35
- <td class="px-6 py-4 relative block md:table-cell font-bold md:font-normal pb-0 md:pb-4">
36
- {{ column.label }}
35
+ <td class="px-6 py-4 relative block flex justify-start font-bold md:font-normal pb-0 md:pb-4 relative md:table-cell">
36
+ <div class="absolute inset-0 flex items-center overflow-hidden px-6 py-4 max-h-32">
37
+ {{ column.label }}
38
+ </div>
37
39
  </td>
38
40
  <td class="px-6 py-4 whitespace-pre-wrap" :data-af-column="column.name">
39
41
  <component
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "adminforth",
3
- "version": "2.22.0-next.4",
3
+ "version": "2.22.0-next.6",
4
4
  "description": "OpenSource Vue3 powered forth-generation admin panel",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",