Browse Source

fix: Removed auto capitalization for sidebar nodes

pull/6846/head
Muhammed Mustafa 1 year ago
parent
commit
f4f7dcfe6b
  1. 6
      packages/nc-gui/components/dashboard/TreeView/ProjectNode.vue
  2. 2
      packages/nc-gui/components/dashboard/TreeView/TableNode.vue
  3. 2
      packages/nc-gui/components/dashboard/TreeView/ViewsNode.vue

6
packages/nc-gui/components/dashboard/TreeView/ProjectNode.vue

@ -419,7 +419,7 @@ const projectDelete = () => {
v-if="editMode" v-if="editMode"
ref="input" ref="input"
v-model="tempTitle" v-model="tempTitle"
class="flex-grow leading-1 outline-0 ring-none capitalize !text-inherit !bg-transparent w-4/5" class="flex-grow leading-1 outline-0 ring-none !text-inherit !bg-transparent w-4/5"
:class="{ 'text-black font-semibold': activeProjectId === base.id && baseViewOpen && !isMobileMode }" :class="{ 'text-black font-semibold': activeProjectId === base.id && baseViewOpen && !isMobileMode }"
@click.stop @click.stop
@keyup.enter="updateProjectTitle" @keyup.enter="updateProjectTitle"
@ -428,7 +428,7 @@ const projectDelete = () => {
/> />
<span <span
v-else v-else
class="nc-sidebar-node-title capitalize text-ellipsis overflow-hidden select-none" class="nc-sidebar-node-title text-ellipsis overflow-hidden select-none"
:style="{ wordBreak: 'keep-all', whiteSpace: 'nowrap', display: 'inline' }" :style="{ wordBreak: 'keep-all', whiteSpace: 'nowrap', display: 'inline' }"
:class="{ 'text-black font-semibold': activeProjectId === base.id && baseViewOpen }" :class="{ 'text-black font-semibold': activeProjectId === base.id && baseViewOpen }"
@click="onProjectClick(base)" @click="onProjectClick(base)"
@ -628,7 +628,7 @@ const projectDelete = () => {
<GeneralBaseLogo class="min-w-4 !xs:(min-w-4.25 w-4.25 text-sm)" /> <GeneralBaseLogo class="min-w-4 !xs:(min-w-4.25 w-4.25 text-sm)" />
<div <div
:data-testid="`nc-sidebar-base-${source.alias}`" :data-testid="`nc-sidebar-base-${source.alias}`"
class="nc-sidebar-node-title flex capitalize text-ellipsis overflow-hidden select-none" class="nc-sidebar-node-title flex text-ellipsis overflow-hidden select-none"
:style="{ wordBreak: 'keep-all', whiteSpace: 'nowrap', display: 'inline' }" :style="{ wordBreak: 'keep-all', whiteSpace: 'nowrap', display: 'inline' }"
> >
{{ source.alias || '' }} {{ source.alias || '' }}

2
packages/nc-gui/components/dashboard/TreeView/TableNode.vue

@ -229,7 +229,7 @@ const isTableOpened = computed(() => {
</div> </div>
<span <span
class="nc-tbl-title nc-sidebar-node-title capitalize text-ellipsis overflow-hidden select-none" class="nc-tbl-title nc-sidebar-node-title text-ellipsis overflow-hidden select-none"
:class="{ :class="{
'text-black !font-medium': isTableOpened, 'text-black !font-medium': isTableOpened,
}" }"

2
packages/nc-gui/components/dashboard/TreeView/ViewsNode.vue

@ -234,7 +234,7 @@ function onStopEdit() {
<div <div
v-else v-else
class="nc-sidebar-node-title capitalize text-ellipsis overflow-hidden select-none w-full" class="nc-sidebar-node-title text-ellipsis overflow-hidden select-none w-full"
data-testid="sidebar-view-title" data-testid="sidebar-view-title"
:class="{ :class="{
'font-medium': activeView?.id === vModel.id, 'font-medium': activeView?.id === vModel.id,

Loading…
Cancel
Save