clone/nocodb
1
0
Fork 0
mirror of https://github.com/nocodb/nocodb.git synced 2026-05-03 01:26:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(nc-gui): some tooltip related issue in mobile view

Browse Source
This commit is contained in:
Ramesh Mane
2025-09-25 09:34:41 +00:00
parent be6a834b91
commit 65e8c17fe3
4 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
packages/nc-gui/components/project/View.vue
View File

@@ -184,11 +184,18 @@ onMounted(() => {
class="flex flex-row px-2 py-2 gap-3 justify-between w-full border-b-1 border-nc-border-gray-medium"
:class="{ 'nc-table-toolbar-mobile': isMobileMode, 'h-[var(--topbar-height)]': !isMobileMode }"
>
<div class="flex-1 flex flex-row items-center gap-x-3">
<div class="flex-1 max-w-full md:max-w-[calc(100%_-_100px)] flex flex-row items-center gap-x-3">
<GeneralOpenLeftSidebarBtn />
<div v-if="!showEmptySkeleton" class="flex flex-row items-center h-full gap-x-2 px-2">
<GeneralProjectIcon :color="parseProp(currentBase?.meta).iconColor" :type="currentBase?.type" />
<NcTooltip class="flex font-bold text-sm capitalize truncate max-w-150 text-nc-content-gray" show-on-truncate-only>
<div v-if="!showEmptySkeleton" class="flex flex-row items-center h-full gap-x-2 px-2 min-w-0">
<GeneralProjectIcon
:color="parseProp(currentBase?.meta).iconColor"
:type="currentBase?.type"
class="h-5 w-5 md:(h-4 w-4) flex-none"
/>
<NcTooltip
class="flex font-bold text-base md:text-sm capitalize truncate max-w-150 text-nc-content-gray"
show-on-truncate-only
>
<template #title> {{ currentBase?.title }}</template>
<span class="truncate">
{{ currentBase?.title }}