Minor tweak for ribbon display

kepano · kepano · commit 114a74fe44a0 · 2023-07-08T14:57:35.000-07:00
diff --git a/Minimal.css b/Minimal.css
@@ -4209,14 +4209,17 @@ div[data-type="git-view"] .search-input-clear-button {
 .hider-ribbon .workspace-ribbon {
   padding: 0; }
 
-.bottom-ribbon .workspace-ribbon-collapse-btn,
-.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .workspace-ribbon-collapse-btn {
+:root {
+  --hider-ribbon-display: none; }
+
+.ribbon-bottom-left-hover:not(.is-mobile) {
+  --hider-ribbon-display: flex; }
+
+.hider-ribbon .workspace-ribbon-collapse-btn {
   display: none; }
-.bottom-ribbon .workspace-ribbon.mod-right,
-.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .workspace-ribbon.mod-right {
+.hider-ribbon .workspace-ribbon.mod-right {
   pointer-events: none; }
-.bottom-ribbon .workspace-ribbon.mod-left,
-.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .workspace-ribbon.mod-left {
+.hider-ribbon .workspace-ribbon.mod-left {
   position: absolute;
   border-right: 0px;
   margin: 0;
@@ -4225,48 +4228,39 @@ div[data-type="git-view"] .search-input-clear-button {
   flex-basis: 0;
   bottom: 0;
   top: auto;
-  display: flex !important;
+  display: var(--hider-ribbon-display) !important;
   flex-direction: row;
   z-index: 17;
   opacity: 0;
   transition: opacity 0.25s ease-in-out;
   filter: drop-shadow(2px 10px 30px rgba(0, 0, 0, 0.2));
   gap: 0; }
-.bottom-ribbon .side-dock-actions,
-.bottom-ribbon .side-dock-settings,
-.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .side-dock-actions,
-.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .side-dock-settings {
+.hider-ribbon .side-dock-actions,
+.hider-ribbon .side-dock-settings {
   flex-direction: row;
-  display: flex;
+  display: var(--hider-ribbon-display);
   border-top: var(--border-width) solid var(--background-modifier-border);
   background: var(--background-secondary);
   margin: 0;
   position: relative;
   gap: var(--size-2-2); }
-.bottom-ribbon .side-dock-actions,
-.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .side-dock-actions {
+.hider-ribbon .side-dock-actions {
   padding-left: 8px; }
-.bottom-ribbon .side-dock-settings,
-.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .side-dock-settings {
+.hider-ribbon .side-dock-settings {
   border-right: var(--border-width) solid var(--background-modifier-border);
   border-top-right-radius: var(--radius-m);
   padding: 0 var(--size-2-2); }
-.bottom-ribbon .workspace-ribbon.mod-left .side-dock-ribbon-action,
-.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .workspace-ribbon.mod-left .side-dock-ribbon-action {
-  display: flex;
+.hider-ribbon .workspace-ribbon.mod-left .side-dock-ribbon-action {
+  display: var(--hider-ribbon-display);
   margin: 7px 0px 8px; }
-.bottom-ribbon .workspace-ribbon.mod-left:hover,
-.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .workspace-ribbon.mod-left:hover {
+.hider-ribbon .workspace-ribbon.mod-left:hover {
   opacity: 1;
   transition: opacity 0.25s ease-in-out; }
-.bottom-ribbon .workspace-ribbon.mod-left .workspace-ribbon-collapse-btn,
-.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .workspace-ribbon.mod-left .workspace-ribbon-collapse-btn {
+.hider-ribbon .workspace-ribbon.mod-left .workspace-ribbon-collapse-btn {
   opacity: 0; }
-.bottom-ribbon .workspace-split.mod-left-split,
-.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .workspace-split.mod-left-split {
+.hider-ribbon .workspace-split.mod-left-split {
   margin: 0; }
-.bottom-ribbon .workspace-leaf-content .item-list,
-.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .workspace-leaf-content .item-list {
+.hider-ribbon .workspace-leaf-content .item-list {
   padding-bottom: 40px; }
 
 /* Hover Editor */
diff --git a/manifest.json b/manifest.json
@@ -1,6 +1,6 @@
 {
 	"name": "Minimal",
-	"version": "7.0.6",
+	"version": "7.0.7",
 	"minAppVersion": "1.1.9",
 	"author": "@kepano",
 	"authorUrl": "https://twitter.com/kepano",
diff --git a/src/css/main.css b/src/css/main.css
@@ -4169,14 +4169,17 @@ div[data-type="git-view"] .search-input-clear-button {
 .hider-ribbon .workspace-ribbon {
   padding: 0; }
 
-.bottom-ribbon .workspace-ribbon-collapse-btn,
-.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .workspace-ribbon-collapse-btn {
+:root {
+  --hider-ribbon-display: none; }
+
+.ribbon-bottom-left-hover:not(.is-mobile) {
+  --hider-ribbon-display: flex; }
+
+.hider-ribbon .workspace-ribbon-collapse-btn {
   display: none; }
-.bottom-ribbon .workspace-ribbon.mod-right,
-.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .workspace-ribbon.mod-right {
+.hider-ribbon .workspace-ribbon.mod-right {
   pointer-events: none; }
-.bottom-ribbon .workspace-ribbon.mod-left,
-.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .workspace-ribbon.mod-left {
+.hider-ribbon .workspace-ribbon.mod-left {
   position: absolute;
   border-right: 0px;
   margin: 0;
@@ -4185,48 +4188,39 @@ div[data-type="git-view"] .search-input-clear-button {
   flex-basis: 0;
   bottom: 0;
   top: auto;
-  display: flex !important;
+  display: var(--hider-ribbon-display) !important;
   flex-direction: row;
   z-index: 17;
   opacity: 0;
   transition: opacity 0.25s ease-in-out;
   filter: drop-shadow(2px 10px 30px rgba(0, 0, 0, 0.2));
   gap: 0; }
-.bottom-ribbon .side-dock-actions,
-.bottom-ribbon .side-dock-settings,
-.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .side-dock-actions,
-.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .side-dock-settings {
+.hider-ribbon .side-dock-actions,
+.hider-ribbon .side-dock-settings {
   flex-direction: row;
-  display: flex;
+  display: var(--hider-ribbon-display);
   border-top: var(--border-width) solid var(--background-modifier-border);
   background: var(--background-secondary);
   margin: 0;
   position: relative;
   gap: var(--size-2-2); }
-.bottom-ribbon .side-dock-actions,
-.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .side-dock-actions {
+.hider-ribbon .side-dock-actions {
   padding-left: 8px; }
-.bottom-ribbon .side-dock-settings,
-.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .side-dock-settings {
+.hider-ribbon .side-dock-settings {
   border-right: var(--border-width) solid var(--background-modifier-border);
   border-top-right-radius: var(--radius-m);
   padding: 0 var(--size-2-2); }
-.bottom-ribbon .workspace-ribbon.mod-left .side-dock-ribbon-action,
-.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .workspace-ribbon.mod-left .side-dock-ribbon-action {
-  display: flex;
+.hider-ribbon .workspace-ribbon.mod-left .side-dock-ribbon-action {
+  display: var(--hider-ribbon-display);
   margin: 7px 0px 8px; }
-.bottom-ribbon .workspace-ribbon.mod-left:hover,
-.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .workspace-ribbon.mod-left:hover {
+.hider-ribbon .workspace-ribbon.mod-left:hover {
   opacity: 1;
   transition: opacity 0.25s ease-in-out; }
-.bottom-ribbon .workspace-ribbon.mod-left .workspace-ribbon-collapse-btn,
-.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .workspace-ribbon.mod-left .workspace-ribbon-collapse-btn {
+.hider-ribbon .workspace-ribbon.mod-left .workspace-ribbon-collapse-btn {
   opacity: 0; }
-.bottom-ribbon .workspace-split.mod-left-split,
-.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .workspace-split.mod-left-split {
+.hider-ribbon .workspace-split.mod-left-split {
   margin: 0; }
-.bottom-ribbon .workspace-leaf-content .item-list,
-.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .workspace-leaf-content .item-list {
+.hider-ribbon .workspace-leaf-content .item-list {
   padding-bottom: 40px; }
 
 /* Hover Editor */
diff --git a/src/css/main.min.css b/src/css/main.min.css
diff --git a/src/scss/plugins/hider.scss b/src/scss/plugins/hider.scss
@@ -19,11 +19,18 @@
 	padding: 0;
 }
 
-.bottom-ribbon,
-.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) {
+:root {
+	--hider-ribbon-display: none;
+}
+
+.ribbon-bottom-left-hover:not(.is-mobile) {
+	--hider-ribbon-display: flex;
+}
+
+.hider-ribbon {
 
 	.workspace-ribbon-collapse-btn {
-		display:none;
+		display: none;
 	}
 	.workspace-ribbon.mod-right {
 		pointer-events:none;
@@ -37,7 +44,7 @@
 		flex-basis: 0;
 		bottom: 0;
 		top: auto;
-		display:flex !important;
+		display: var(--hider-ribbon-display) !important;
 		flex-direction: row;
 		z-index: 17;
 		opacity:0;
@@ -49,9 +56,9 @@
 	.side-dock-actions,
 	.side-dock-settings {
 		flex-direction: row;
-		display:flex;
-		border-top:var(--border-width) solid var(--background-modifier-border);
-		background:var(--background-secondary);
+		display: var(--hider-ribbon-display);
+		border-top: var(--border-width) solid var(--background-modifier-border);
+		background: var(--background-secondary);
 		margin:0;
 		position:relative;
 		gap: var(--size-2-2);
@@ -65,12 +72,12 @@
 		padding: 0 var(--size-2-2);
 	}
 	.workspace-ribbon.mod-left .side-dock-ribbon-action {
-		display: flex;
+		display: var(--hider-ribbon-display);
 		margin: 7px 0px 8px;
 	}
 	.workspace-ribbon.mod-left:hover {
 		opacity: 1;
-		transition:opacity 0.25s ease-in-out;
+		transition: opacity 0.25s ease-in-out;
 	}
 	.workspace-ribbon.mod-left .workspace-ribbon-collapse-btn {
 		opacity: 0;
@@ -81,5 +88,4 @@
 	.workspace-leaf-content .item-list {
 		padding-bottom: 40px;
 	}
-
 }
diff --git a/theme.css b/theme.css
diff --git a/versions.json b/versions.json
@@ -1,4 +1,5 @@
 {
+	"7.0.7": "1.1.9",
 	"7.0.6": "1.1.9",
 	"7.0.5": "1.1.9",
 	"7.0.4": "1.1.9",

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "Minimal",`
`3`		`- "version": "7.0.6",`
	`3`	`+ "version": "7.0.7",`
`4`	`4`	`"minAppVersion": "1.1.9",`
`5`	`5`	`"author": "@kepano",`
`6`	`6`	`"authorUrl": "https://twitter.com/kepano",`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`{`
	`2`	`+ "7.0.7": "1.1.9",`
`2`	`3`	`"7.0.6": "1.1.9",`
`3`	`4`	`"7.0.5": "1.1.9",`
`4`	`5`	`"7.0.4": "1.1.9",`