update

.obsidian/plugins/card-board/manifest.json

@@ -2,7 +2,7 @@
 	"id": "card-board",
 	"name": "CardBoard",
 	"description": "Display markdown tasks on kanban style boards.",
-	"version": "0.7.4",
+	"version": "0.7.6",
 	"author": "roovo",
 	"authorUrl": "https://github.com/roovo",
 	"minAppVersion": "0.12.13",

.obsidian/plugins/card-board/styles.css

@@ -24,7 +24,7 @@
 .card-board-view {
   height: 100%;
   background-color: var(--background-primary);
-  font-size: var(--font-normal);
+  font-size: var(--font-text-size);
 }
 
 .mod-macos.is-hidden-frameless:not(.is-popout-window) .workspace .workspace-tabs.mod-top-right-space .card-board-view .workspace-tab-header-container {
@@ -212,6 +212,7 @@ ul.card-board-column-list > li.card-board-card::before {
   display: grid;
   grid: "mark contents"
         / 5px auto;
+  font-family: var(--font-text);
 }
 
 .card-board-card-highlight-area {
@@ -262,16 +263,6 @@ ul.card-board-column-list > li.card-board-card::before {
   font-size: 1em;
 }
 
-.checkbox-container.is-mid-enabled {
-  background-color: var(--interactive-accent-hover);
-}
-.checkbox-container.is-mid-enabled:after {
-  transform: translate3d(calc((var(--toggle-width) - var(--toggle-thumb-width) - var(--toggle-border-width)) / 2), 0, 0);
-}
-.checkbox-container.is-mid-enabled:active:after {
-  left: -4px;
-}
-
 .card-board-card-title {
   grid-area: title;
   margin: 0 0.2em;
@@ -361,19 +352,58 @@ ul.card-board-column-list > li.card-board-card::before {
   cursor: pointer;
 }
 
-.card-board-view .modal-content {
-  display: grid;
-  grid: "select form"
-        / 200px auto;
-  overflow: hidden;
-  margin-top: 0;
-}
-
 .setting-items-inner {
   position: relative;
   height: auto;
 }
 
+.cardboard-settings-columns-list {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+
+
+.cardboard-settings-column-item {
+  display: grid;
+  grid-template-columns: 2em 5em 1fr 1fr 1.5em;
+  align-items: center;
+  gap: var(--size-4-2);
+  border: var(--border-width) solid var(--background-modifier-border);
+  border-radius: 4px;
+  background-color: var(--background-secondary);
+  width: 100%;
+  padding: var(--size-4-1) var(--size-4-2);
+  margin-bottom: 0.4em;
+}
+
+.cardboard-settings-column-item-button {
+  display: grid;
+  align-items: center;
+  cursor: pointer;
+}
+
+.cardboard-settings-column-item-detail {
+  display: grid;
+  align-items: center;
+}
+
+.cardboard-settings-column-item-type {
+  font-size: 0.7em;
+}
+
+.cardboard-settings-column-item-controls {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  gap: var(--size-4-2);
+}
+
+.cardboard-settings-columns-button {
+  padding-bottom: 0.75em;
+}
+
 .vertical-tab-header-group-title-icon {
   justify-self: end;
   cursor: pointer;
@@ -384,15 +414,21 @@ ul.card-board-column-list > li.card-board-card::before {
   width: 80%;
 }
 
+.card-board-view .card-board-dragable {
+  cursor: grab;
+}
+
 .card-board-view .vertical-tab-nav-item {
   padding-right: 1.5em;
-  cursor: grab;
+  min-height: 1.9em;
 }
 
 .modal-form {
   display: grid;
   grid-gap: 1.5em;
   padding-top: 1.3em;
+  padding-bottom: 1.5em;
+  border-bottom: 1px solid var(--background-modifier-border);
 }
 
 .form-item {
@@ -503,14 +539,39 @@ ul.card-board-column-list > li.card-board-card::before {
   vertical-align: middle;
 }
 
+
+.card-board-view .vertical-tab-content {
+  position: relative;
+}
+
+.card-board-view .modal-close-button {
+  z-index: 1;
+}
+
 .card-board-view .suggestion-container {
+  position: absolute;
   display: grid;
   grid-auto-flow: row;
   grid-gap: 0.5em;
+  overflow: auto;
   padding: 5px 8px;
   font-size: var(--font-small);
   text-align: left;
   line-height: 1em;
+  max-height: 400px;
+}
+
+.card-board-view .suggestion-container::-webkit-scrollbar {
+  width: 8px;
+}
+
+.card-board-view .suggestion-container::-webkit-scrollbar-track {
+  background: #f1f1f1;
+}
+
+.card-board-view .suggestion-container::-webkit-scrollbar-thumb {
+  background: #888;
+  border-radius: 4px;
 }
 
 .card-board-view .suggestion-section {