github
/
nocodb
mirror of https://github.com/nocodb/nocodb
1
0
Fork 0
Code Issues Releases Wiki Activity
Browse Source

fix(nc-gui): make tooltip text center aligned

pull/7741/head
Ramesh Mane 9 months ago
parent
3cfff1419b
commit
26fdaad603
1 changed files with 20 additions and 6 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 26
      packages/nc-gui/components/smartsheet/Form.vue

26
packages/nc-gui/components/smartsheet/Form.vue
Unescape View File

@ -772,7 +772,9 @@ useEventListener(
<div class="flex items-center space-x-1 m-2"> <div class="flex items-center space-x-1 m-2">
<NcTooltip :disabled="isEeUI"> <NcTooltip :disabled="isEeUI">
<template #title> <template #title>
{{ $t('msg.info.thisFeatureIsOnlyAvailableInEnterpriseEdition') }} <div class="text-center">
{{ $t('msg.info.thisFeatureIsOnlyAvailableInEnterpriseEdition') }}
</div>
</template> </template>
<NcButton <NcButton
@ -848,7 +850,9 @@ useEventListener(
> >
<NcTooltip :disabled="isEeUI"> <NcTooltip :disabled="isEeUI">
<template #title> <template #title>
{{ $t('msg.info.thisFeatureIsOnlyAvailableInEnterpriseEdition') }} <div class="text-center">
{{ $t('msg.info.thisFeatureIsOnlyAvailableInEnterpriseEdition') }}
</div>
</template> </template>
<NcButton <NcButton
v-if="isEditable" v-if="isEditable"
@ -1057,7 +1061,11 @@ useEventListener(
<SmartsheetHeaderCellIcon v-else :column-meta="element" /> <SmartsheetHeaderCellIcon v-else :column-meta="element" />
<NcTooltip class="truncate max-w-3/5" show-on-truncate-only> <NcTooltip class="truncate max-w-3/5" show-on-truncate-only>
<template #title> {{ element.title }} </template> <template #title>
<div class="text-center">
{{ element.title }}
</div>
</template>
<span data-testid="nc-form-input-label"> <span data-testid="nc-form-input-label">
{{ element.title }} {{ element.title }}
</span> </span>
@ -1423,7 +1431,9 @@ useEventListener(
<div class="ml-1 inline-block max-w-1/2"> <div class="ml-1 inline-block max-w-1/2">
<NcTooltip class="truncate text-sm" :disabled="drag" show-on-truncate-only> <NcTooltip class="truncate text-sm" :disabled="drag" show-on-truncate-only>
<template #title> <template #title>
{{ field.title }} <div class="text-center">
{{ field.title }}
</div>
</template> </template>
<span data-testid="nc-field-title"> {{ field.title }} </span> <span data-testid="nc-field-title"> {{ field.title }} </span>
</NcTooltip> </NcTooltip>
@ -1432,7 +1442,9 @@ useEventListener(
<span>&nbsp;(</span> <span>&nbsp;(</span>
<NcTooltip class="truncate" :disabled="drag" show-on-truncate-only> <NcTooltip class="truncate" :disabled="drag" show-on-truncate-only>
<template #title> <template #title>
{{ field.label }} <div class="text-center">
{{ field.label }}
</div>
</template> </template>
<span data-testid="nc-field-title ">{{ field.label?.trim() }}</span> <span data-testid="nc-field-title ">{{ field.label?.trim() }}</span>
</NcTooltip> </NcTooltip>
@ -1524,7 +1536,9 @@ useEventListener(
/> />
<NcTooltip v-else placement="top"> <NcTooltip v-else placement="top">
<template #title> <template #title>
{{ $t('msg.info.thisFeatureIsOnlyAvailableInEnterpriseEdition') }} <div class="text-center">
{{ $t('msg.info.thisFeatureIsOnlyAvailableInEnterpriseEdition') }}
</div>
</template> </template>
<a-switch :checked="false" size="small" :disabled="true" /> <a-switch :checked="false" size="small" :disabled="true" />
</NcTooltip> </NcTooltip>

Write Preview
Loading…
Cancel
Save