Set medium as new default text size

sitespeedio · Feb 7, 2025 · cdb0217 · cdb0217
1 parent a325c19
commit cdb0217
Show file tree

Hide file tree

Showing 7 changed files with 24 additions and 24 deletions.
diff --git a/server/views/500.pug b/server/views/500.pug
@@ -9,5 +9,5 @@ block content
       .level
         .level-item.has-text-centered
           p.control.is-expanded
-            label.label.is-large
+            label.label.is-medium
               | #{message}
diff --git a/server/views/includes/index/tabs/commandLine.pug b/server/views/includes/index/tabs/commandLine.pug
@@ -1,9 +1,9 @@
 .field.is-grouped
     p.control.is-expanded
         label.label.is-normal
-            textarea.textarea.is-large(style='max-width:975px' placeholder=getText('index.tab.cli.placeholder') name='extras' id='commandlinearea')
+            textarea.textarea.is-medium(style='max-width:975px' placeholder=getText('index.tab.cli.placeholder') name='extras' id='commandlinearea')
             | #{getText('index.tab.cli.addargs')}  (
             a(href='https://www.sitespeed.io/documentation/sitespeed.io/configuration/#the-options') #{getText('index.tab.cli.clioptions')} 
             | )
     p.control
-    button.button.is-primary.is-large(accesskey='s' id='submittest') #{getText('index.button.analyze')} 
+    button.button.is-primary.is-medium(accesskey='s' id='submittest') #{getText('index.button.analyze')} 
diff --git a/server/views/includes/index/tabs/extras.pug b/server/views/includes/index/tabs/extras.pug
@@ -1,5 +1,4 @@
 mixin radio(label, name)
-  .mb-2.mb-tablet-0(style='width:100%;max-width:450px;padding:0 15px')
     .control
       .field
         .control
@@ -9,13 +8,14 @@ mixin radio(label, name)
 
 .field.is-grouped
     p.control.is-expanded
-        input.input.is-large(type='text' placeholder=getText('index.tab.extras.labelplaceholder') name='label')
+        input.input.is-medium(type='text' placeholder=getText('index.tab.extras.labelplaceholder') name='label')
     p.control
-        button.button.is-primary.is-large(accesskey='s' id='submittest') #{getText('index.button.analyze')} 
+        button.button.is-primary.is-medium(accesskey='s' id='submittest') #{getText('index.button.analyze')} 
 
 .level(style='align-items:flex-start;margin:0 auto;max-width:975px;text-align:left')
-    +radio(getText('index.tab.extras.sustainable'),'sustainable')
-    +radio(getText('index.tab.extras.axe'),'axe')
-    +radio(getText('index.tab.extras.crux'),'crux')
-    if (nconf.get('html:useLighthouse') === true)
-      +radio(getText('index.tab.extras.lighthouse'),'lighthouse')
+    .mb-2.mb-tablet-0(style='width:100%;max-width:450px;padding:0 15px')
+      +radio(getText('index.tab.extras.sustainable'),'sustainable')
+      +radio(getText('index.tab.extras.axe'),'axe')
+      +radio(getText('index.tab.extras.crux'),'crux')
+      if (nconf.get('html:useLighthouse') === true)
+        +radio(getText('index.tab.extras.lighthouse'),'lighthouse')
diff --git a/server/views/includes/index/tabs/scripting.pug b/server/views/includes/index/tabs/scripting.pug
@@ -6,9 +6,9 @@ script(type='text/javascript').
 
 .field.is-grouped
     p.control.is-expanded
-        input.input.is-large(type='text' placeholder=getText('index.tab.scripting.scriptname') name='scriptingName' pattern='^[-a-zA-Z0-9\._-]*')
+        input.input.is-medium(type='text' placeholder=getText('index.tab.scripting.scriptname') name='scriptingName' pattern='^[-a-zA-Z0-9\._-]*')
     p.control
-    button.button.is-primary.is-large(accesskey='s' id='submittest') #{getText('index.button.analyze')} 
+    button.button.is-primary.is-medium(accesskey='s' id='submittest') #{getText('index.button.analyze')} 
 
 script(src='/js/ace-1.33.1/ace.js')
 script.

diff --git a/server/views/includes/index/tabs/settings.pug b/server/views/includes/index/tabs/settings.pug
@@ -13,9 +13,9 @@ block content
     .field.is-grouped
         p.control.is-expanded
             - const domainText = getText('index.tab.settings.placeholder') + testDomains;
-            input.input.is-large(type='text' placeholder=domainText name='url' id='url' autofocus)
+            input.input.is-medium(type='text' placeholder=domainText name='url' id='url' autofocus)
         p.control
-            button.button.is-primary.is-large(accesskey='s' id='submittest') #{getText('index.button.analyze')} 
+            button.button.is-primary.is-medium(accesskey='s' id='submittest') #{getText('index.button.analyze')} 
 
     .level(style='align-items:flex-start;margin:0 auto;max-width:975px;text-align:left')
 

diff --git a/server/views/index.pug b/server/views/index.pug
@@ -23,20 +23,20 @@ block content
               evt.currentTarget.className += " is-active";
             }
 
-        .tabs.is-centered.is-boxed.is-large
+        .tabs.is-centered.is-boxed.is-medium
           ul
             li.tab.is-active(onclick='openTab(event,"settings")')
               a
-                span.is-large #{getText('index.tab.settings')}
+                span.is-medium #{getText('index.tab.settings')}
             li.tab(onclick='openTab(event,"commandline")')
               a
-                span.is-large #{getText('index.tab.cli')} 
+                span.is-medium #{getText('index.tab.cli')} 
             li.tab(onclick='openTab(event,"extras")')
               a
-                span.is-large #{getText('index.tab.extras')}
+                span.is-medium #{getText('index.tab.extras')}
             li.tab(onclick='openTab(event,"scripting")')
               a
-                span.is-large #{getText('index.tab.scripting')} 
+                span.is-medium #{getText('index.tab.scripting')} 
 
         form#analyze-form(method='post' action='/')
           .content-tab#settings
@@ -52,7 +52,7 @@ block content
         .level
           .level-item.has-text-centered
             p.control.is-expanded
-              label.label.is-large
+              label.label.is-medium
                 | #{getText('index.waitingtestrunners')}
         .level
           .level-item.has-text-centered

diff --git a/server/views/search.pug b/server/views/search.pug
@@ -52,9 +52,9 @@ block content
         input(type='hidden' name='page' value='1' id='page') 
         .field.is-grouped
             p.control.is-expanded
-                input.input.is-large(type='text' placeholder=getText('search.input.placeholder', dayjs().format('YYYY-MM-DD')) name='search' id='search' autofocus value=searchQuery)  
+                input.input.is-medium(type='text' placeholder=getText('search.input.placeholder', dayjs().format('YYYY-MM-DD')) name='search' id='search' autofocus value=searchQuery)  
             p.control
-                button.button.is-primary.is-large(accesskey='s' name='searchbutton') #{getText('search.button.search')}
+                button.button.is-primary.is-medium(accesskey='s' name='searchbutton') #{getText('search.button.search')}
       p.control
         .buttons.py-2
           button.button.is-primary.is-medium(onclick='addToSearch(\'when:lasthour\')' role='button') #{getText('search.button.lasthour')}
@@ -203,7 +203,7 @@ block content
           p.has-background-white.has-text-black.p-3.has-text-centered.has-addons 
             button.button.is-primary.is-medium(accesskey='c' form='search-form-compare') #{getText('search.button.compare')}
         else 
-          .message.is-fullwidth.is-large.has-background-white.has-text-centered
+          .message.is-fullwidth.is-medium.has-background-white.has-text-centered
             .message-body
               | #{getText('search.result.nomatch')}