Website: create new content section #2572
Conversation
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
|
Small thing, but in the mobile menu, looks like the spacing between the two icons, and between the menu and the edge of the screen are a bit tighter in the figma. Figma 
Current UI 
|
| @@ -43,10 +43,6 @@ | |||
| padding: 0 24px; | |||
| color: var(--doc-color-white); | |||
| background: var(--doc-color-black); | |||
|
|
|||
| @include breakpoint.with-fixed-sidebar() { | |||
| gap: 32px; | |||
There was a problem hiding this comment.
The gap between the header and the edge of the page is always 24px now.
There was a problem hiding this comment.
This reduced the space between the logo and the nav links to being 16px always, which I think we don't want to do (it's too tight right now).
I think removing this is removing essentially this?
| @@ -139,75 +135,35 @@ | |||
| } | |||
| } | |||
|
|
|||
| .doc-page-header__nav-item-generic { | |||
There was a problem hiding this comment.
These styles were only affecting the support icon link and the github link and the only thing they did were add display block and make the focus ring look way thicker than the other nav items' focus states.
Thanks for catching that @dchyun!! it should be better now. |
📌 Summary
If merged, this PR would
📸 Screenshots
🔗 External links
Jira ticket: HDS-4159
Jira ticket: HDS-4158
Figma file: https://www.figma.com/design/ZlIlup8HxCOlQLXRwv56In/HDS-Content-Guidelines?node-id=119-3584&node-type=canvas&t=cyilBmJA92W2EKn5-0
💬 Please consider using conventional comments when reviewing this PR.