-
Notifications
You must be signed in to change notification settings - Fork 75
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
[Block Section] Text hierarchy and spacing #6905
Comments
I agree, I think better text hierarchy is something we could take a look at 👍🏽 Funnily enough, the Block content section padding in Figma lines up Block text and Block Section text at 0.75rem/12px already. So either Figma missed this change or we have just been slightly misaligned since the Figma component was built- thanks for pointing out, Alan! This fix would also nicely center align Block's expand chevron and Block Section's Switch. |
Thanks @SkyeSeitz. @geospatialem This isn't urgent but the UtilityNetwork widget would be much happier if this change gets in soon. :) |
Design notes for this issue (Figma file available as well): Block
Bock Section
|
Opened #9323 to address |
Installed and assigned for verification. |
**Related Issue:** #6905 ## Summary Adjust text hierarchy.
Installed and assigned for verification. |
🍡 Verified locally on |
Description
BlockSection heading is very similar to Block's heading.
![image](https://user-images.githubusercontent.com/12503298/235787709-be77745d-cec2-4f2c-b098-00c95c5d90df.png)
Suggest using normal font weight for BlockSection headings.
![image](https://user-images.githubusercontent.com/12503298/235787899-d45dcedc-9b30-4b49-a657-1e4ca3b9a86e.png)
Also, it seems that the padding in the content area of Block doesn't match the inline padding used in most other areas. Right now, it's at 0.625rem whereas most other places 0.75rem is used. Suggest updating to 0.75rem for better alignment.
@SkyeSeitz would appreciate your feedback.
Acceptance Criteria
Better text hierarchy and padding alignment.
Relevant Info
No response
Which Component
Block and BlockSection
Example Use Case
Using Block and BlockSection together.
Priority impact
p4 - not time sensitive
Esri team
N/A
Final design recommendations
See comment
The text was updated successfully, but these errors were encountered: