Browse Source

feat(nc-gui): darken stack title

pull/3818/head
Wing-Kam Wong 2 years ago
parent
commit
880e0757c1
  1. 6
      packages/nc-gui/components/smartsheet/Kanban.vue

6
packages/nc-gui/components/smartsheet/Kanban.vue

@ -205,7 +205,7 @@ openNewRecordFormHook?.on(async (stackTitle) => {
<a-skeleton v-if="!formattedData[stack.title] || !countByStack" class="p-4" /> <a-skeleton v-if="!formattedData[stack.title] || !countByStack" class="p-4" />
<a-layout v-else class="!bg-[#f0f2f5]"> <a-layout v-else class="!bg-[#f0f2f5]">
<a-layout-header> <a-layout-header>
<div class="nc-kanban-stack-head text-slate-500 font-bold flex items-center px-[15px]"> <div class="nc-kanban-stack-head font-bold flex items-center px-[15px]">
<a-dropdown :trigger="['click']" overlay-class-name="nc-dropdown-actions-menu"> <a-dropdown :trigger="['click']" overlay-class-name="nc-dropdown-actions-menu">
<div class="flex items-center cursor-pointer w-full"> <div class="flex items-center cursor-pointer w-full">
<GeneralTruncateText>{{ stack.title }}</GeneralTruncateText> <GeneralTruncateText>{{ stack.title }}</GeneralTruncateText>
@ -336,7 +336,7 @@ openNewRecordFormHook?.on(async (stackTitle) => {
<div :style="`background-color: ${stack.color}`" class="nc-kanban-stack-head-color h-[10px]"></div> <div :style="`background-color: ${stack.color}`" class="nc-kanban-stack-head-color h-[10px]"></div>
<a-skeleton v-if="!formattedData[stack.title] || !countByStack" class="m-0 ml-[10px] p-0" /> <a-skeleton v-if="!formattedData[stack.title] || !countByStack" class="m-0 ml-[10px] p-0" />
<div v-else class="nc-kanban-data-count mt-[7px] mx-[10px]"> <div v-else class="nc-kanban-data-count mt-[7px] mx-[10px]">
<div class="float-right flex gap-2 items-center cursor-pointer"> <div class="float-right flex gap-2 items-center cursor-pointer font-bold">
<GeneralTruncateText>{{ stack.title }}</GeneralTruncateText> <GeneralTruncateText>{{ stack.title }}</GeneralTruncateText>
<mdi-menu-down class="text-grey text-lg" /> <mdi-menu-down class="text-grey text-lg" />
</div> </div>
@ -394,4 +394,4 @@ openNewRecordFormHook?.on(async (stackTitle) => {
transform-origin: left top 0px; transform-origin: left top 0px;
transition: left 0.2s ease-in-out 0s; transition: left 0.2s ease-in-out 0s;
} }
</style> </style>

Loading…
Cancel
Save