Browse Source

feat(nc-gui): add nc-kanban-btn style

pull/3818/head
Wing-Kam Wong 2 years ago
parent
commit
876d5c2e29
  1. 6
      packages/nc-gui/assets/style.scss
  2. 2
      packages/nc-gui/components/smartsheet-toolbar/StackedBy.vue

6
packages/nc-gui/assets/style.scss

@ -89,6 +89,12 @@ a {
@apply bg-primary bg-opacity-20 hover:(bg-primary bg-opacity-20); @apply bg-primary bg-opacity-20 hover:(bg-primary bg-opacity-20);
} }
// for highlighing toolbar kanban menu item
.nc-kanban-btn > .ant-btn {
@apply bg-green-400 bg-opacity-20 hover:(bg-primary bg-opacity-20);
}
.nc-locked-overlay { .nc-locked-overlay {
@apply absolute h-full w-full z-2 top-0 left-0; @apply absolute h-full w-full z-2 top-0 left-0;
} }

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

@ -101,7 +101,7 @@ const handleChange = () => {
<template> <template>
<a-dropdown v-model:visible="stackedByDropdown" :trigger="['click']"> <a-dropdown v-model:visible="stackedByDropdown" :trigger="['click']">
<div> <div class="nc-kanban-btn">
<a-button v-t="['c:stacked-by']" class="nc-fields-menu-btn nc-toolbar-btn" :disabled="isLocked"> <a-button v-t="['c:stacked-by']" class="nc-fields-menu-btn nc-toolbar-btn" :disabled="isLocked">
<div class="flex items-center gap-1"> <div class="flex items-center gap-1">
<mdi-arrow-down-drop-circle-outline /> <mdi-arrow-down-drop-circle-outline />

Loading…
Cancel
Save