Added CSS to better vertically align 'Edit this Page' emoji and text.

hibbitts-design · Jun 2, 2024 · 1d47c20 · 1d47c20
1 parent 19307d1
commit 1d47c20
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/docs/assets/css/theme.css b/docs/assets/css/theme.css
@@ -507,6 +507,15 @@
   line-height: 1.1rem;
 }
 
+.markdown-section .align-items-vertically {
+  display: inline-flex;
+  align-items: center;
+}
+
+.markdown-section .align-items-vertically .emoji {
+  margin-right: 2px;
+}
+
 body .app-nav {
   margin-right: -10px;
 }

diff --git a/docs/index.html b/docs/index.html
@@ -298,7 +298,7 @@
             } else {
               url = gitLinkRepoURL + '/blob/main/docs/' + vm.route.file
             }
-            var editHtml = '[:memo:' + editThisPageLinkText + '](' + url + ')\n'
+            var editHtml = '[:memo:' + editThisPageLinkText + '](' + url + ' ":class=align-items-vertically")\n'
 
             if ((!(getURLParameterByName('hidegitlink'))) && (!!gitLinkRepoURL)) {
               return html + '<br />' + '\n\n' + editHtml