Closed asangma closed 4 months ago
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):
--calcite-block-padding
default to 0.75remtext.1
while hovering/focused and while opencc @geospatialem, @brittneytewks
Could be coupled with #7146
Opened https://github.com/Esri/calcite-design-system/issues/9323 to address block
, the above has been re-scoped, targeted for June's release to address block-section
.
Installed and assigned for verification.
Installed and assigned for verification.
🍡 Verified locally on dev
Description
BlockSection heading is very similar to Block's heading.
Suggest using normal font weight for BlockSection headings.
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