Add support for tab stack spine style and fix #631

kepano · Aug 26, 2024 · f29716f · f29716f
1 parent 16eaff6
commit f29716f
Show file tree

Hide file tree

Showing 10 changed files with 59 additions and 5 deletions.
diff --git a/Minimal.css b/Minimal.css
@@ -1032,6 +1032,9 @@ body:not(.minimal-status-off) .status-bar {
 .tab-stack-bottom-flipped {
   --tab-stacked-text-align: right; }
 
+.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner {
+  flex-direction: var(--tab-stacked-spine-order); }
+
 /* Title Bar */
 .view-header-title-parent,
 .view-header-title {
@@ -2385,6 +2388,8 @@ table.dataview tbody > tr > td {
   line-height: var(--line-height-tight); }
   .list-cards.markdown-preview-view div > ul .contains-task-list {
     padding-inline-start: calc(var(--cards-padding)*1.5); }
+  .list-cards.markdown-preview-view div > ul > li.task-list-item > .task-list-item-checkbox {
+    margin-inline-start: 3px; }
   .list-cards.markdown-preview-view div > ul > li {
     background-color: var(--cards-background);
     padding: calc(var(--cards-padding)/2);
@@ -8555,6 +8560,18 @@ settings:
 			-
 				label: Center flipped
 				value: tab-stack-center-flipped
+	-
+		id: tab-stacked-spine-order
+		title: Spine element order
+		type: variable-select
+		default: row
+		options:
+			-
+				label: Default
+				value: row
+			-
+				label: Reversed
+				value: row-reverse
 	-
 		id: tags
 		title: Tags

diff --git a/manifest.json b/manifest.json
@@ -1,6 +1,6 @@
 {
 	"name": "Minimal",
-	"version": "7.7.16",
+	"version": "7.7.17",
 	"minAppVersion": "1.6.1",
 	"author": "@kepano",
 	"authorUrl": "https://twitter.com/kepano",

diff --git a/src/css/main.css b/src/css/main.css
diff --git a/src/css/main.css.map b/src/css/main.css.map
diff --git a/src/css/main.min.css b/src/css/main.min.css
diff --git a/src/css/main.min.css.map b/src/css/main.min.css.map
diff --git a/src/css/style-settings.css b/src/css/style-settings.css
@@ -1672,6 +1672,18 @@ settings:
 			-
 				label: Center flipped
 				value: tab-stack-center-flipped
+	-
+		id: tab-stacked-spine-order
+		title: Spine element order
+		type: variable-select
+		default: row
+		options:
+			-
+				label: Default
+				value: row
+			-
+				label: Reversed
+				value: row-reverse
 	-
 		id: tags
 		title: Tags

diff --git a/src/scss/app/tab-stacks.scss b/src/scss/app/tab-stacks.scss
@@ -15,3 +15,7 @@
 .tab-stack-bottom-flipped {
 	--tab-stacked-text-align: right;
 }
+
+.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner {
+	flex-direction: var(--tab-stacked-spine-order);
+}
diff --git a/src/scss/features/cards.scss b/src/scss/features/cards.scss
@@ -287,6 +287,10 @@ table.dataview {
 			padding-inline-start: calc(var(--cards-padding)*1.5);
 		}
 
+		> li.task-list-item > .task-list-item-checkbox {
+			margin-inline-start: 3px;
+		}
+
 		> li {
 			background-color: var(--cards-background);
 			padding: calc(var(--cards-padding)/2);

diff --git a/theme.css b/theme.css