Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Frontend: App Branding! #1592

Merged
merged 23 commits into from
Apr 18, 2024
Merged

Frontend: App Branding! #1592

merged 23 commits into from
Apr 18, 2024

Conversation

Shrinks99
Copy link
Member

@Shrinks99 Shrinks99 commented Mar 12, 2024

Closes #424

Changes

  • Adds Browsertrix logo to the nav bar!!
    • Will license the typeface (Konsole) as soon as this gets merged.
  • Changes the theme colour to Webrecorder's turquoise brand colour
  • Adjusts the usage of primary vs blue for elements where it shouldn't be the same
  • Changes the Cancel & Discard button of the cancel crawl dialogue to danger button variant
  • Replaces the Replay icon with the new ReplayWebpage icon!
  • Fixes the favicon SVG linking (wrong name, oops!)

Screenshots!

Screenshot 2024-03-12 at 6 03 58 PM Screenshot 2024-03-24 at 9 27 09 PM

@Shrinks99 Shrinks99 added enhancement New feature or request front end Requires front end dev work labels Mar 12, 2024
@Shrinks99 Shrinks99 self-assigned this Mar 12, 2024
@SuaYoo SuaYoo force-pushed the frontend-browsertrix-branding branch from bd7b057 to 9df5a50 Compare March 19, 2024 17:42
Copy link
Member

@SuaYoo SuaYoo left a comment

Choose a reason for hiding this comment

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

Nice!! I fixed a few merge conflicts, looks good to go.

Out of scope, potential follow-up: since "Browsertrix" is now bold and darker, it does take a lot of prominence in the app, when maybe the org name should be more prominent? We don't currently show the org name in the app bar if a user only belongs to one org, maybe we could display it as [Browsertrix logo mark] | [Org name].

SuaYoo added a commit that referenced this pull request Mar 19, 2024
Addresses failing test in
#1592 by fixing
asset imports in unit tests. Unit tests now import an empty string for
all assets--note: if we want to test actual asset content, will need to
update this config.
- Fixes a few instances where blue is hardcoded and shouldn't be.
- Fixes a few instances where _primary_ is hardcoded and shouldn't be!
This is a destructive action and should be red!
@SuaYoo SuaYoo force-pushed the frontend-browsertrix-branding branch from 0f99cd4 to 834a0e9 Compare March 19, 2024 20:06
@SuaYoo
Copy link
Member

SuaYoo commented Apr 18, 2024

It looks like the logomark in the image isn't vertically centered. There's more space beneath than above.
Screenshot 2024-04-17 at 7 29 40 PM

Shrinks99 and others added 6 commits April 17, 2024 22:56
### Changes

App bar and org top-level navigation is full-width. Also, adds
background color to app bar to differentiate it from the org nav.
@Shrinks99 Shrinks99 merged commit 3e4b0e4 into main Apr 18, 2024
2 checks passed
@Shrinks99 Shrinks99 deleted the frontend-browsertrix-branding branch April 18, 2024 03:40
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request front end Requires front end dev work
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Update nav bar branding
4 participants