Merge pull request #109 from carpentries/frog-rel-font-overview

Remove header fixed font size in overview boxes
carpentries · Nov 30, 2023 · 4ff17e1 · 4ff17e1
2 parents c9f6ab4 + 9f6d580
commit 4ff17e1
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 5 deletions.
diff --git a/DESCRIPTION b/DESCRIPTION
@@ -1,6 +1,6 @@
 Package: varnish
 Title: Front-end for The Carpentries Lesson Template
-Version: 0.4.0
+Version: 0.4.0.9000
 Authors@R: c(
     person(given = "Zhian N.",
            family = "Kamvar",

diff --git a/NEWS.md b/NEWS.md
@@ -1,3 +1,15 @@
+# varnish 0.4.0.9000 (unreleased)
+
+## BUG FIX
+
+* Overview box heading font sizes now scaled based on viewport size. This fixes
+  issues where the heading would wrap in an ugly fashion.
+  (reported: @jd-foster, https://github.com/carpentries/varnish/issues/83, 
+  @drmownickles, https://github.com/carpentries/workbench/issues/57,
+  @rbavery, https://github.com/carpentries/workbench/issues/64; fixed:
+  @froggleston, https://github.com/carpentries/varnish/pull/109).
+
+
 # varnish 0.4.0 (2023-11-29)
 
 * life cycle icons are now displayed as badges for better visibility

diff --git a/inst/pkgdown/assets/assets/styles.css b/inst/pkgdown/assets/assets/styles.css
diff --git a/inst/pkgdown/assets/assets/styles.css.map b/inst/pkgdown/assets/assets/styles.css.map
diff --git a/source/stylesheets/overview.scss b/source/stylesheets/overview.scss
@@ -6,7 +6,7 @@
   border: none;
   height: 53px;
   padding-top: 7px;
-  font-size: 18px;
+  font-size: calc(18px + 0.3vw);
   letter-spacing: 0.1em;
   font-weight: 400;
 }
@@ -39,7 +39,9 @@
   text-decoration-thickness: 1px;
   text-underline-offset: 25px;
   margin-bottom: 50px;
-  font-size: 24px;
+  font-size: calc(22px + 0.2vw);
+  font-weight: 600;
+  line-height: 1.5rem;
 }
 
 .overview .bordered {