client: show header link icon on mobile

4 years ago · 945d3fbe63
parent 0815d43ee8
commit 945d3fbe63
1 changed files with 15 additions and 0 deletions
--- a/client/components/preview/preview.module.css
+++ b/client/components/preview/preview.module.css
@ -110,3 +110,18 @@
 	max-width: 100%;
 	max-height: 350px;
 }
+
+@media screen and (max-width: 800px) {
+	.markdownPreview h1 a::after,
+	.markdownPreview h2 a::after,
+	.markdownPreview h3 a::after,
+	.markdownPreview h4 a::after,
+	.markdownPreview h5 a::after,
+	.markdownPreview h6 a::after {
+		content: "#";
+		font-size: 0.7em;
+		margin-left: 0.25em;
+		font-weight: normal;
+		filter: opacity(0.5);
+	}
+}