Skip to content
This repository has been archived by the owner on Jun 29, 2023. It is now read-only.

Enhancement: Simplify typographic hierarchy #886

Closed
asangma opened this issue Mar 19, 2020 · 4 comments
Closed

Enhancement: Simplify typographic hierarchy #886

asangma opened this issue Mar 19, 2020 · 4 comments
Assignees
@kat10140
Labels
4 - verified enhancement New feature request for an existing component
Milestone
Lumpy Space Princess

Comments

@asangma
Copy link
Contributor

asangma commented Mar 19, 2020

Description

Use a more reductive approach to our typography. Rely less on sizes and weights.

Acceptance Criteria

Better typography.

Relevant Info

Map Viewer Beta UI is starting to look pretty chunky.

Which Component

All.

Example Use Case

Map Viewer Beta

Note: would be good to test this out fully in a fully fledged app.
@asangma asangma added enhancement New feature request for an existing component 1 - assigned labels Mar 19, 2020
@asangma asangma added this to the James Baxter milestone Mar 19, 2020
@asangma asangma self-assigned this Mar 19, 2020
@asangma
Copy link
Contributor Author

asangma commented Mar 19, 2020 •
edited
Loading

Preliminary look
localhost_3333_demos_shell_demo-app-full-window html(Desktop Common with scrollbar space)

@asangma
Copy link
Contributor Author

asangma commented Mar 19, 2020 •
edited
Loading

Facsimile in an app
localhost_3333_demos_shell_mvb-simulator html(Desktop Common with scrollbar space)

asangma added a commit that referenced this issue Mar 19, 2020
@asangma
Tweaks to FAB. TODO: cleanup (#886)
b22aabc
@asangma asangma mentioned this issue Apr 2, 2020
Merged
@asangma
Copy link
Contributor Author

asangma commented Apr 3, 2020

Moving this to LSP for Beta 6.

lsp

asangma added a commit that referenced this issue Apr 23, 2020
@asangma
Slight tweak. (#886)
1f20ce3
asangma added a commit that referenced this issue Apr 23, 2020
@asangma
reset heading size in flow-item (#886)
26ebb72
asangma added a commit that referenced this issue Apr 23, 2020
@asangma @driskull
feat: typographic reduction and spacing updates
f81ec72 
* UI refresh. Don't freak out.

* Clean up and box-shadow last-of-type that is not working.

* reset typography for rework.

* resetting typography before adding heirarchy.

* more

* more ui tweaks

* experimenting

* cool

* Added more padding for block header

* mvb simulator

* minor border reduction per ui feedback

* Updated FAB to align with other ui updates. Reduced default Action font size.

* Tweaks to FAB. TODO: cleanup (#886)

* MVB simulator tweaks.

* block. working through padding updates and text+control collisions. TODO: cleanup & RTL

* mvb simulator

* UI tweaks. demo updates.

* minor fix

* tweak

* block, pick-list, value-list, handle spacing refinements.

* more ui tweaks. mvb demo updates.

* demo tweaks

* Tweaks and simulator updates.

* More tweaks. needs cleanup.

* block cases

* line-height

* handle tweak

* flow-item heading tweak

* Block: RTL, control div conditional

* Block styles after grid. Aligned handles, header, control

* clean up

* clean up.

* demo apps

* demo app

* Clean up.

* Clean up.

* Slight tweak. (#886)

* reset heading size in flow-item (#886)

Co-authored-by: Matt Driscoll <driskull@users.noreply.github.com>
@kat10140 kat10140 self-assigned this Apr 23, 2020
@kat10140
Copy link
Contributor

This looks good on my local demos and storybook!

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees

@kat10140 kat10140

Labels
4 - verified enhancement New feature request for an existing component
Projects
None yet
Milestone
Lumpy Space Princess
Development

No branches or pull requests
2 participants
@asangma @kat10140