improve floating-mobile-toolbar

bobheadxi · bobheadxi · commit 7c20e298e740 · 2021-08-02T12:06:11.000+08:00
diff --git a/mobile-floating-toolbar.css b/mobile-floating-toolbar.css
@@ -0,0 +1,28 @@
+.is-mobile .mobile-toolbar {
+    position: absolute;
+    left: 0;
+    right: 0;
+    margin-left: auto;
+    margin-right: auto;
+
+    display: flex;
+    width: fit-content;
+    max-width: 90%;
+    overflow: scroll;
+
+    border: 1px solid var(--background-modifier-border);
+    border-radius: 1rem;
+    margin-bottom: 2rem;
+    margin-top: 1rem;
+}
+
+@media only screen and (max-height: 740px) {
+    .is-mobile .mobile-toolbar {
+        margin-bottom: 1rem;
+    }
+}
+
+/* for workspace content to go underneath toolbar */
+.is-mobile .workspace-leaf-content > .view-content > .markdown-source-view {
+    height: 100%;
+}
diff --git a/mobile-toolbar.css b/mobile-toolbar.css
diff --git a/theme-minimal.css b/theme-minimal.css
@@ -75,3 +75,8 @@ body.minimal-rel-preview .markdown-preview-view ul ul::before {
 .markdown-embed-link, .file-embed-link {
     top: 1rem;
 }
+
+.mobile-toolbar {
+    /* halfish of the box shadow used elsewhere in theme */
+    box-shadow: 0 2.5px 15px rgb(0 0 0 / 15%);
+}

Original file line number	Diff line number	Diff line change
`@@ -75,3 +75,8 @@ body.minimal-rel-preview .markdown-preview-view ul ul::before {`
`75`	`75`	`.markdown-embed-link, .file-embed-link {`
`76`	`76`	`top: 1rem;`
`77`	`77`	`}`
	`78`	`+`
	`79`	`+.mobile-toolbar {`
	`80`	`+ /* halfish of the box shadow used elsewhere in theme */`
	`81`	`+ box-shadow: 0 2.5px 15px rgb(0 0 0 / 15%);`
	`82`	`+}`