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.6",
+	"version": "0.7.9",
 	"author": "roovo",
 	"authorUrl": "https://github.com/roovo",
 	"minAppVersion": "0.12.13",

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

@@ -87,6 +87,11 @@ body:not(.is-grabbing):not(.is-fullscreen).is-hidden-frameless .mod-top .card-bo
   grid-row-start: 1;
 }
 
+.card-board-column-with-beacons {
+  display: flex;
+  flex-direction: row;
+}
+
 .card-board-columns {
   display: flex;
 }
@@ -101,6 +106,7 @@ body:not(.is-grabbing):not(.is-fullscreen).is-hidden-frameless .mod-top .card-bo
   padding: 0.6em 1em 1em 1em;
   margin-right: 15px;
   width: 20em;
+  cursor: grab;
   background-color: var(--background-secondary);
   border-radius: 3px;
   border: var(--border-width) solid var(--background-modifier-border);
@@ -206,6 +212,7 @@ ul.card-board-column-list > li.card-board-card::before {
   border: var(--border-width) solid var(--background-modifier-border);
   background-color: var(--background-primary);
   padding: 0;
+  cursor: auto;
   user-select: text;
   -webkit-user-select: text;
   grid-column-gap: 0.25em;
@@ -363,6 +370,13 @@ ul.card-board-column-list > li.card-board-card::before {
   width: 100%;
 }
 
+h3.setting-heading-compact {
+  margin-block-end: 0;
+}
+
+.example-stamp {
+  font-weight: var(--bold-weight);
+}
 
 .cardboard-settings-column-item {
   display: grid;
@@ -410,6 +424,10 @@ ul.card-board-column-list > li.card-board-card::before {
   float: right;
 }
 
+.modal.edit-date {
+  overflow: visible;
+}
+
 .modal.mod-settings {
   width: 80%;
 }
@@ -478,6 +496,13 @@ ul.card-board-column-list > li.card-board-card::before {
   gap: 3px;
 }
 
+.multiselect-items.mod-faux {
+  justify-content: flex-end;
+  background: var(--background-modifier-form-field);
+  border: 0px;
+  font-size: var(--font-ui-medium);
+}
+
 .multiselect-items input.multiselect-input {
   border: 0;
   min-width: 100px;
@@ -511,6 +536,17 @@ ul.card-board-column-list > li.card-board-card::before {
   vertical-align: middle;
 }
 
+.multiselect-item-single {
+  background-color: var(--background-secondary-alt);
+  border: 1px solid var(--background-modifier-border);
+  border-radius: 4px;
+  padding-left: 4px;
+  padding-right: 4px;
+  padding-bottom: 2px;
+  line-height: 1.5em;
+  vertical-align: middle;
+}
+
 .multiselect-item.selected .multiselect-item-key {
   background-color: var(--text-muted);
   color: var(--text-on-accent);
@@ -599,3 +635,147 @@ ul.card-board-column-list > li.card-board-card::before {
 .setting-item-control .suggestion-item:hover {
   background-color: var(--background-secondary);
 }
+
+
+
+.datepicker-container {
+  position: relative;
+}
+
+.datepicker-input:focus {
+  outline: 0;
+}
+
+.datepicker-input.datepicker-error {
+  background-color: rgba(var(--background-modifier-error-rgb), 0.2);
+}
+
+.datepicker-picker {
+  position: absolute;
+  border: 1px solid #CCC;
+  border-radius: 3px;
+  z-index: 100;
+  background-color: white;
+}
+
+.datepicker-header, .datepicker-weekdays {
+  background: var(--background-secondary);
+}
+
+.datepicker-header {
+  display: flex;
+  align-items: center;
+}
+
+.datepicker-month-container {
+  flex: 1 1 auto;
+  padding-top: 0.5em;
+  display: flex;
+  flex-direction: column;
+}
+
+.datepicker-month, .datepicker-year {
+  flex: 1 1 auto;
+  cursor: default;
+  text-align: center;
+}
+
+.datepicker-year {
+  font-size: var(--font-small);
+  font-weight: 700;
+}
+
+.datepicker-this-month-jump-container {
+  text-align: center;
+  background: var(--background-secondary);
+}
+
+.datepicker-this-month-jump {
+  cursor: pointer;
+  color: var(--interactive-accent);
+}
+
+.datepicker-prev-container, .datepicker-next-container {
+  cursor: pointer;
+  padding: 8px;
+}
+
+.datepicker-prev, .datepicker-next {
+  display: block;
+  width: var(--font-smaller);
+  height: var(--font-smaller);
+  border-left: 2px solid rgba(0,0,0,0.54);
+  border-bottom: 2px solid rgba(0,0,0,0.54);
+}
+
+.datepicker-prev:hover, .datepicker-next:hover {
+  border-left-color: #BBB;
+  border-bottom-color: #BBB;
+}
+
+.datepicker-prev {
+  transform: rotate(45deg);
+}
+
+.datepicker-next {
+  transform: rotate(-135deg);
+}
+
+.datepicker-table {
+  border-spacing: 0;
+  border-collapse: collapse;
+  font-size: var(--font-smaller);
+}
+
+.datepicker-table td {
+  width: 2em;
+  height: 2em;
+  text-align: center;
+  border-radius: 3px;
+}
+
+.datepicker-dow {
+  border-bottom: 1px solid #CCC;
+  cursor: default;
+}
+
+.datepicker-day {
+  cursor: pointer;
+}
+.datepicker-day:hover {
+  background: #F2F2F2;
+}
+
+.datepicker-disabled {
+  cursor: default;
+  color: #DDD;
+}
+.datepicker-disabled:hover {
+  background: inherit;
+}
+
+.datepicker-picked {
+  color: white;
+  background: var(--interactive-accent);
+}
+
+.datepicker-picked:hover {
+  background: var(--interactive-accent);
+}
+
+.datepicker-today {
+  font-weight: bold;
+  color: var(--interactive-accent);
+}
+
+.datepicker-other-month {
+  color: #AAA;
+}
+
+.datepicker-other-month.datepicker-disabled {
+  color: #EEE;
+}
+
+.datepicker-other-month.datepicker-picked {
+  color: white;
+}