Skip to content
This repository was archived by the owner on Dec 17, 2025. It is now read-only.

fix(subnav): dot-io layout shift issue #586

Merged
zchsh merged 2 commits into from
May 11, 2022
Merged

fix(subnav): dot-io layout shift issue #586

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
5935e38
fix(subnav): dot-io layout shift issue
zchsh May 10, 2022
49b7adc
chore(subnav): add changeset
zchsh May 10, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions .changeset/sweet-apples-fetch.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
'@hashicorp/react-subnav': patch
---

Attempts to fix overflow issue that causes layout shift on dot-io sites.
1 change: 1 addition & 0 deletions packages/subnav/style.module.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@
background: var(--background-color); /* from theme.module.css */
border-top: 1px solid var(--border-color); /* from theme.module.css */
border-bottom: 1px solid transparent;
overflow: hidden;
transition: border-bottom-color 0.8s;

&.isSticky {
Expand Down