Mobile style fix

breck7 · Apr 23, 2024 · c02b6fe · c02b6fe
1 parent 6f46d3f
commit c02b6fe
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/grammar/gazetteTheme.grammar b/grammar/gazetteTheme.grammar
@@ -83,9 +83,12 @@ gazetteCssParser
    font-size 1rem
   h1.scrollTitle
    text-align center
+   margin auto
    margin-bottom .15625rem
    margin-top 0
    font-size 1.75rem
+   comment On narrow browsers like phones make sure the title doesn't overlap with the icons buttons in top left and right.
+   max-width calc(100vw - 2 * (1.5625rem + 1.875rem))
    a
     color #000
   .scrollDateline

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "scroll-cli",
-  "version": "77.3.0",
+  "version": "77.3.1",
   "description": "Tools for thoughts.",
   "main": "scroll.js",
   "engines": {

diff --git a/releaseNotes.scroll b/releaseNotes.scroll
@@ -4,6 +4,9 @@ title Scroll Release Notes
 
 startColumns
 
+# 77.3.1 4/23/2024
+- 🏥 style fix: fixed style bug where on narrow screens the post title would overlap the corner nav buttons.
+
 # 77.3.0 4/22/2024
 - 🎨 updated presentation of footnotes