Add time support

mgmeyers · May 14, 2021 · 07e1510 · 07e1510
1 parent fbbc652
commit 07e1510
Showing 20 changed files with 1,807 additions and 660 deletions.
diff --git a/dist/main.js b/dist/main.js
diff --git a/dist/manifest.json b/dist/manifest.json
@@ -1,7 +1,7 @@
 {
 	"id": "obsidian-kanban",
 	"name": "Kanban",
-	"version": "0.2.6",
+	"version": "0.3.0",
 	"minAppVersion": "0.11.13",
 	"description": "Create markdown-backed Kanban boards in Obsidian.",
 	"author": "mgmeyers",

diff --git a/dist/styles.css b/dist/styles.css
@@ -264,6 +264,7 @@ button.kanban-plugin__lane-settings-button
 .kanban-plugin
   .kanban-plugin__item
   .markdown-preview-view.kanban-plugin__item-markdown {
+  font-size: 0.875rem;
   padding: unset;
   width: unset;
   height: unset;
@@ -275,10 +276,6 @@ button.kanban-plugin__lane-settings-button
   -webkit-user-select: unset;
 }
 
-.markdown-preview-view.kanban-plugin__item-markdown.is-ctrl-hovering {
-  cursor: text;
-}
-
 .kanban-plugin__item-metadata:not(:empty) {
   padding-top: 5px;
   font-size: 12px;
@@ -290,6 +287,14 @@ button.kanban-plugin__lane-settings-button
   display: block;
 }
 
+.kanban-plugin__item-metadata .is-button {
+  cursor: pointer;
+}
+
+.kanban-plugin__item-metadata .is-button:hover {
+  color: var(--text-normal);
+}
+
 .kanban-plugin__item-metadata-date-relative::first-letter {
   text-transform: uppercase;
 }
@@ -298,6 +303,14 @@ button.kanban-plugin__lane-settings-button
   text-decoration: none;
 }
 
+.kanban-plugin__item-metadata-time::before {
+  content: " • ";
+}
+
+.kanban-plugin__item-metadata-time.is-button:hover::before {
+  color: var(--text-muted);
+}
+
 .kanban-plugin__item-prefix-button-wrapper,
 .kanban-plugin__item-postfix-button-wrapper {
   display: flex;
@@ -860,6 +873,48 @@ button.kanban-plugin__cancel-action-button {
 .kanban-plugin__date-picker .flatpickr-day.notAllowed.nextMonthDay {
   color: var(--text-faint);
 }
+
+.kanban-plugin__time-picker {
+  position: absolute;
+  max-height: 250px;
+  overflow: auto;
+  border-radius: 4px;
+  border: 1px solid var(--background-modifier-border);
+  box-shadow: 0 2px 8px var(--background-modifier-box-shadow);
+  background: var(--background-primary);
+  color: var(--text-normal);
+  font-size: 14px;
+  z-index: var(--layer-menu);
+}
+
+.kanban-plugin__time-picker-item {
+  display: flex;
+  align-items: center;
+  color: var(--text-muted);
+  cursor: pointer;
+  line-height: 1;
+  padding: 6px 8px;
+}
+
+.kanban-plugin__time-picker-check {
+  visibility: hidden;
+  display: inline-flex;
+  margin-right: 5px;
+}
+
+.kanban-plugin__time-picker-item.is-hour {
+  color: var(--text-normal);
+  font-weight: 600;
+}
+
+.kanban-plugin__time-picker-item.is-selected .kanban-plugin__time-picker-check {
+  visibility: visible;
+}
+
+.kanban-plugin__time-picker-item:hover,
+.kanban-plugin__time-picker-item.is-selected {
+  background: var(--background-secondary);
+}
 .flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
       /*rtl:begin:ignore*/left:0/*
       /*rtl:end:ignore*/}/*

diff --git a/manifest.json b/manifest.json
@@ -1,7 +1,7 @@
 {
 	"id": "obsidian-kanban",
 	"name": "Kanban",
-	"version": "0.2.6",
+	"version": "0.3.0",
 	"minAppVersion": "0.11.13",
 	"description": "Create markdown-backed Kanban boards in Obsidian.",
 	"author": "mgmeyers",