feat: tup-490 increase portal font-size

[wesleyboar]

Overview

Increase Portal UI font size, but ensure User News font size still matches CMS.

Related

• TUP-490
• includes #315
• might need to reduce number of tickets shown in dashboard after #317
• fixed by #321

Changes

• changed font-size variables for portal
• added new font-size variables for core-styles
• changed responsiveness of MFA layout
• changed font size variables for User News
  • so size does not change
  • so size still matches CMS
• changed responsiveness of System Status layout

Testing

0. Compare UI of this branch against main.
1. All sections, verify <h1> size is +1px bigger. ^{(e.g. "Dashboard")}
2. All sections, verify other sizes are +2px bigger. ^{(except nav links, unless Design says these should also be bigger)}
3. Dashboard, verify User News sizes match CMS.
4. All sections, verify no horizontal scrollbars at: ^{(especially /portal/system-status)}
   • 992px viewport width
   • 1200px viewport width
   • 1400px viewport width

UI

show all

### 1. `

` is Bigger | before | after | | - | - | | | | ### 2. Other Font is Bigger #### `

` | before | after | | - | - | | | | #### `` | before | after | | - | - | | | | #### pill | before | after | | - | - | | | | #### `` | before | after | | - | - | | | | #### nav text — unchanged | before | after | | - | - | | | | #### nav icon | before | after | | - | - | | | | ### 3. Dashboard User News — unchanged #### Date — unchanged | before | cms | after | | - | - | - | | | | | #### Title — unchanged | before | cms | after | | - | - | - | | | | | #### Summary — unchanged | before | cms | after | | - | - | - | | | | | ### 4. No Horizontal Scrollbars https://github.com/TACC/tup-ui/assets/62723358/7f9e8684-7bac-48e3-9fdb-3b4311458804 https://github.com/TACC/tup-ui/assets/62723358/2b0de3e2-81dc-4d81-893f-f0d1d57a4bc8 https://github.com/TACC/tup-ui/assets/62723358/82272adf-4d53-4549-aaae-e95d27882e4e