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

WIP: UI update #7443

Draft
wants to merge 15 commits into
base: main
Choose a base branch
from
Draft

WIP: UI update #7443

wants to merge 15 commits into from

Conversation

ljowen
Copy link
Contributor

@ljowen ljowen commented Jan 13, 2025

What this PR does

Major change to default theme and appearance:
May introduce breaking changes with existing maps so will be a major version.

Visual changes

  • Generally increase padding
  • Workbench now "floating" with variable height and semi transparent background
  • Change to darker colours in default theme to increase contrast
  • Font changed from "Nunito" to "Inter", generally increase font sizes
  • More rounded corners, generally decrease border radius to 8px for major panels and 4px for smaller components

Before
before
After
after

Functional changes

  • Bug fixed where tour would not work correctly if workbench was minimised
  • Add config option to keep catalog open when adding / removing datasets keepCatalogOpen
  • Remove dataset count shown on map
  • Hide chart at mobile viewports

Test me

Before: http://ci.terria.io/main
After: http://ci.terria.io/ui-update-fonts

Checklist

  • There are unit tests to verify my changes are correct or unit tests aren't applicable (if so, write quick reason why unit tests don't exist)
  • I've updated relevant documentation in doc/.
  • I've updated CHANGES.md with what I changed.
  • I've provided instructions in the PR description on how to test this PR.

@CLAassistant
Copy link

CLA assistant check
Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.


Lawrence Owen seems not to be a GitHub user. You need a GitHub account to be able to sign the CLA. If you have already a GitHub account, please add the email address used for this commit to your account.
You have signed the CLA already but the status is still pending? Let us recheck it.

@ljowen ljowen marked this pull request as draft January 16, 2025 01:32
@zoran995
Copy link
Collaborator

Quick UI check

  1. it is not possible to close the chart panel the close button overlaps with navigation items (15inch MacBook)
image
  1. scroll in item search tool is broken, I believe this was fixed in Fix overflow #7290
image
  1. story editor capture scene button is not visible
image
  1. Pedestrian tool tooltips overlap with side panel (maybe this is desired). It also overlaps the timeline title
image
  1. The gap to about button is large
image
  1. Difference tool overlaps with collapsed workbench header (test url)
Screen.Recording.2025-01-21.at.12.49.52.mov

return <Icon glyph={Icon.GLYPHS.closeLight} />;
}
if (this.props.viewState.isMapFullScreen) {
return <span>{btnText}</span>;
Copy link
Collaborator

Choose a reason for hiding this comment

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

Do we still need this with the new UI? It will show the text in UI for a brief moment

}
${
props.isCurrent &&
`
background: ${props.theme.textLight};
color: ${props.theme.colorPrimary};
border: 1px solid ${props.theme.greyLighter};
Copy link
Collaborator

Choose a reason for hiding this comment

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

It might be good to use some of the border/outline tricks to avoid the button getting larger/smaller due to the new border applied.

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.

3 participants