Browse Source

fix: icon correction and language menu shadow

Signed-off-by: Pranav C <pranavxc@gmail.com>
pull/5382/head
Pranav C 2 years ago
parent
commit
fb24033658
  1. 2
      packages/nc-gui/components/smartsheet/toolbar/ShareView.vue
  2. 3
      packages/nc-gui/components/webhook/Editor.vue
  3. 8
      packages/nc-gui/pages/[projectType]/[projectId]/index.vue
  4. 2
      packages/nc-gui/utils/iconUtils.ts

2
packages/nc-gui/components/smartsheet/toolbar/ShareView.vue

@ -272,7 +272,7 @@ const copyIframeCode = async () => {
> >
<div class="flex-1 h-min text-xs text-gray-500">{{ sharedViewUrl }}</div> <div class="flex-1 h-min text-xs text-gray-500">{{ sharedViewUrl }}</div>
<a v-e="['c:view:share:open-url']" :href="sharedViewUrl" target="_blank"> <a v-e="['c:view:share:open-url']" :href="sharedViewUrl" target="_blank" class="flex items-center !no-underline">
<component :is="iconMap.share" class="text-sm text-gray-500" /> <component :is="iconMap.share" class="text-sm text-gray-500" />
</a> </a>

3
packages/nc-gui/components/webhook/Editor.vue

@ -697,6 +697,7 @@ onMounted(async () => {
<a-row> <a-row>
<a-col :span="24"> <a-col :span="24">
<div class="text-gray-600"> <div class="text-gray-600">
<div class="flex items-center=">
<em>Use context variable <strong>data</strong> to refer the record under consideration</em> <em>Use context variable <strong>data</strong> to refer the record under consideration</em>
<a-tooltip bottom> <a-tooltip bottom>
@ -705,7 +706,7 @@ onMounted(async () => {
</template> </template>
<component :is="iconMap.info" class="ml-2" /> <component :is="iconMap.info" class="ml-2" />
</a-tooltip> </a-tooltip>
</div>
<div class="mt-3"> <div class="mt-3">
<a href="https://docs.nocodb.com/developer-resources/webhooks/" target="_blank"> <a href="https://docs.nocodb.com/developer-resources/webhooks/" target="_blank">
<!-- Document Reference --> <!-- Document Reference -->

8
packages/nc-gui/pages/[projectType]/[projectId]/index.vue

@ -509,11 +509,7 @@ useEventListener(document, 'keydown', async (e: KeyboardEvent) => {
</a-sub-menu> </a-sub-menu>
</template> </template>
<!-- Language --> <!-- Language -->
<a-sub-menu <a-sub-menu key="language" class="lang-menu !py-0">
key="language"
class="lang-menu !py-0"
popup-class-name="scrollbar-thin-dull min-w-50 max-h-90vh !overflow-auto"
>
<template #title> <template #title>
<div class="nc-project-menu-item group"> <div class="nc-project-menu-item group">
<component :is="iconMap.translate" class="group-hover:text-accent nc-language" /> <component :is="iconMap.translate" class="group-hover:text-accent nc-language" />
@ -529,7 +525,9 @@ useEventListener(document, 'keydown', async (e: KeyboardEvent) => {
<template #expandIcon></template> <template #expandIcon></template>
<div class="scrollbar-thin-dull min-w-50 max-h-90vh">
<LazyGeneralLanguageMenu /> <LazyGeneralLanguageMenu />
</div>
</a-sub-menu> </a-sub-menu>
<!-- Account --> <!-- Account -->

2
packages/nc-gui/utils/iconUtils.ts

@ -177,7 +177,7 @@ import NcIconsRowHeightExtraTall from '~icons/nc-icons/row-height-extra-tall'
} as const */ } as const */
export const iconMap = { export const iconMap = {
info: h('span', { class: 'material-symbols-outlined' }, 'info_outline'), info: h('span', { class: 'material-symbols-outlined' }, 'info'),
loading: h('span', { class: 'material-symbols-outlined' }, 'autorenew'), loading: h('span', { class: 'material-symbols-outlined' }, 'autorenew'),
arrowCollapse: h('span', { class: 'material-symbols-outlined' }, 'keyboard_arrow_up'), arrowCollapse: h('span', { class: 'material-symbols-outlined' }, 'keyboard_arrow_up'),
markerAlert: h('span', { class: 'material-symbols-outlined' }, 'warning'), markerAlert: h('span', { class: 'material-symbols-outlined' }, 'warning'),

Loading…
Cancel
Save