Skip to content

Update font family globally#9073

Merged
brad-decker merged 1 commit intodevelopfrom
set-font-family-globally
Jul 29, 2020
Merged

Update font family globally#9073
brad-decker merged 1 commit intodevelopfrom
set-font-family-globally

Conversation

@brad-decker
Copy link
Copy Markdown
Contributor

@brad-decker brad-decker commented Jul 24, 2020

  1. Adds a * { } style in base-styles to set the font-family globally.
  2. Couldn't figure out why the reset.scss was taking precedence over the above (probable: specificity of the * selector), so I replaced font: inherit with the individual properties except for font-family in reset.scss
  3. removed all font-family: styles set elsewhere.

Depends on:

  1. Add euclid fontface #9018
  2. Update css folder structure #9071
  3. Use mixins for typography instead of placeholder selectors #9072

Screenshot Samples

This doesn't represent all of the changes, given the wide target for this PR, but it should give an idea of the scope and quality of the changes. If you'd like to do a full audit, see the latest comment from @metamaskbot to get the build and install it locally. Or checkout this branch and build for dev mode.

Lock screen

Before
After

Home

Before
After

Activity List

Before
After

Asset list

Before
After

Main Menu

Before
After

Create Account

Before
After

Settings Page

Before
After

Connected Sites modal

Before
After

@metamaskbot
Copy link
Copy Markdown
Collaborator

Builds ready [b37cf34]
Page Load Metrics (560 ± 37 ms)
PlatformPageMetricMin (ms)Max (ms)Average (ms)StandardDeviation (ms)MarginOfError (ms)
ChromeHomefirstPaint28423442
domContentLoaded3206075587737
load3226105607837
domInteractive3206075587737

@brad-decker
Copy link
Copy Markdown
Contributor Author

Update fonts

@brad-decker brad-decker force-pushed the convert-typography-to-mixins branch from 4dba1cb to 0a65568 Compare July 28, 2020 20:17
Base automatically changed from convert-typography-to-mixins to develop July 29, 2020 15:35
@brad-decker brad-decker force-pushed the set-font-family-globally branch from b37cf34 to 78d2678 Compare July 29, 2020 15:36
@metamaskbot
Copy link
Copy Markdown
Collaborator

Builds ready [78d2678]
Page Load Metrics (629 ± 50 ms)
PlatformPageMetricMin (ms)Max (ms)Average (ms)StandardDeviation (ms)MarginOfError (ms)
ChromeHomefirstPaint32106492311
domContentLoaded33280262710450
load33780462910450
domInteractive33280162710450

@brad-decker brad-decker marked this pull request as ready for review July 29, 2020 16:12
@brad-decker brad-decker requested a review from a team as a code owner July 29, 2020 16:12
@brad-decker brad-decker requested a review from rachelcope July 29, 2020 16:12
@rachelcope
Copy link
Copy Markdown

This looks fantastic, yay! The only one that does not look updated to me is the Create account (after), but it is likely just a wrong screenshot? Very excited about this update 🚀

Copy link
Copy Markdown
Contributor

@danjm danjm left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Review code and tested in browser. LGTM

Copy link
Copy Markdown
Member

@rekmarks rekmarks left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@danjm approval-by-proxy.

@brad-decker brad-decker merged commit 46ba1ef into develop Jul 29, 2020
@brad-decker brad-decker deleted the set-font-family-globally branch July 29, 2020 20:04
Gudahtt added a commit that referenced this pull request Jul 30, 2020
* origin/develop: (582 commits)
  Use async/await for seedPhraseVerifier.verifyAccounts (#9100)
  Use async/await for getRestrictedMethods (#9099)
  Update dependencies (#9105)
  update email us to contact us (#9104)
  Improve source maps (#9101)
  Update font family globally (#9073)
  rpc-cap@3.1.0 (#9103)
  Use environment variable for production Sentry DSN (#9097)
  Only log error on first occurrence of missing substitution (#9096)
  Use mixins for typography instead of placeholder selectors (#9072)
  Update css folder structure (#9071)
  Disable Sentry in development (#9095)
  Use environment variable for MetaMetrics project ID (#9094)
  Use development metametrics project during tests (#9093)
  json-rpc-engine@5.2.0 (#9091)
  fixup! call initializeProvider where necessary
  call initializeProvider where necessary
  Add euclid fontface (#9018)
  fix timing-reliant network controller test
  Robustify permissions controller requestUserApproval tests (#9064)
  ...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants