Improvements for gutters and line numbers in popovers

Minimal.css

@@ -754,6 +754,16 @@ body :not(.canvas-node) .markdown-source-view.mod-cm6 .cm-gutters {
   z-index: 0;
   margin-inline-end: 0;
 }
+body :not(.canvas-node) .markdown-source-view.mod-cm6 .cm-gutters .cm-gutter:before {
+  content: "";
+  height: 100%;
+  top: -100%;
+  width: 100%;
+  position: absolute;
+  z-index: 1;
+  background-color: var(--gutter-background);
+  min-width: var(--folding-offset);
+}
 
 body :not(.canvas-node) .markdown-source-view.mod-cm6.is-rtl .cm-gutters {
   right: 0;
@@ -1337,7 +1347,14 @@ button.mod-warning:hover {
 }
 
 .popover {
-  --file-margins: var(--size-4-4) var(--size-4-6) var(--size-4-6);
+  --file-margins: var(--size-4-6) var(--size-4-6) var(--size-4-6);
+}
+
+.minimal-line-nums .popover .markdown-source-view {
+  --file-margins: var(--size-4-4) var(--size-4-6) var(--size-4-6) var(--size-4-12);
+}
+.minimal-line-nums .popover .markdown-source-view.is-rtl {
+  --file-margins: var(--size-4-4) var(--size-4-12) var(--size-4-6) var(--size-4-6);
 }
 
 /* Progress bars */
@@ -9222,6 +9239,7 @@ settings:
 		title: Gutter background
 		type: variable-themed-color
 		format: hex
+		opacity: true
 		default-light: '#'
 		default-dark: '#'
 	-  

manifest.json

@@ -1,6 +1,6 @@
 {
 	"name": "Minimal",
-	"version": "7.7.13",
+	"version": "7.7.14",
 	"minAppVersion": "1.6.1",
 	"author": "@kepano",
 	"authorUrl": "https://twitter.com/kepano",

src/css/style-settings.css

@@ -1185,6 +1185,7 @@ settings:
 		title: Gutter background
 		type: variable-themed-color
 		format: hex
+		opacity: true
 		default-light: '#'
 		default-dark: '#'
 	-  

src/scss/app/editor.scss

@@ -37,7 +37,16 @@ body :not(.canvas-node) .markdown-source-view.mod-cm6 .cm-gutters {
 	position:absolute !important;
 	z-index:0;
 	margin-inline-end: 0;
-
+	.cm-gutter:before {
+		content: "";
+		height: 100%;
+		top: -100%;
+		width: 100%;
+		position: absolute;
+		z-index: 1;
+		background-color: var(--gutter-background);
+		min-width: var(--folding-offset);
+	}
 }
 body :not(.canvas-node) .markdown-source-view.mod-cm6.is-rtl .cm-gutters {
 	right: 0;

src/scss/components/popovers.scss

@@ -1,3 +1,11 @@
 .popover {
-	--file-margins: var(--size-4-4) var(--size-4-6) var(--size-4-6);
+	--file-margins: var(--size-4-6) var(--size-4-6) var(--size-4-6);
+}
+.minimal-line-nums { 
+	.popover .markdown-source-view {
+		--file-margins: var(--size-4-4) var(--size-4-6) var(--size-4-6) var(--size-4-12);
+	}
+	.popover .markdown-source-view.is-rtl {
+		--file-margins: var(--size-4-4) var(--size-4-12) var(--size-4-6) var(--size-4-6);
+	}
 }