Changeset 58060

Timestamp:

04/30/2024 06:57:20 AM (5 months ago)

Author:

audrasjb

Message:

Help/About: Reduce About screens heading sizes on smaller viewports.

[56950] reduced the heading size of About screen headings, but that did not edit the size for smaller viewports.
This changeset fixes this issue, and also updates the larger fluid font size (960px - 1200px).

Follow-up to [56950].

Props dhruvang21, sabernhardt, khokansardar.
Fixes #61030.

File:

• trunk/src/wp-admin/css/about.css (modified) (2 diffs)

trunk/src/wp-admin/css/about.css

@@ -586 +586 @@
 .contribute-php .about__header-title h1 {
     /* Fluid font size scales on browser size 960px - 1200px. */
-    font-size: clamp(2rem, 10vw - 3rem, 4rem);
+    font-size: clamp(2rem, 20vw - 9rem, 4rem);
 }
 
@@ -656 +656 @@
     .contribute-php .about__header-title h1 {
         /* Fluid font size scales on browser size 600px - 960px. */
-        font-size: clamp(3rem, 6.67vw - 0.5rem, 4.5rem);
+        font-size: clamp(2rem, 20vw - 9rem, 4rem);
     }