Skip to content
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

fix(toc): alignment issues #12118

Merged
merged 2 commits into from
Nov 22, 2024
Merged

fix(toc): alignment issues #12118

merged 2 commits into from
Nov 22, 2024

Conversation

andy-blum
Copy link
Contributor

Related Ticket(s)

https://jsw.ibm.com/browse/ADCMS-6886

Description

Fixes alignment changes between v1 & v2 as exhibited here

Screenshot 2024-11-22 at 10 59 21 AM Screenshot 2024-11-22 at 10 59 36 AM

Changelog

Changed

  • add stylelint --fix to yarn format command
  • fixes alignment changes in table of contents

@andy-blum andy-blum requested a review from a team as a code owner November 22, 2024 16:01
@andy-blum andy-blum requested review from m4olivei, bruno-amorim, marcelojcs and Valentin-Sorin-Nicolae and removed request for a team November 22, 2024 16:01
Copy link

netlify bot commented Nov 22, 2024

Deploy Preview for ibm-dotcom-web-components ready!

Name Link
🔨 Latest commit 8d90347
🔍 Latest deploy log https://app.netlify.com/sites/ibm-dotcom-web-components/deploys/6740aacd07c95a0008118a4d
😎 Deploy Preview https://deploy-preview-12118--ibm-dotcom-web-components.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

netlify bot commented Nov 22, 2024

Deploy Preview for ibm-dotcom-web-components-react-wrap ready!

Name Link
🔨 Latest commit 8d90347
🔍 Latest deploy log https://app.netlify.com/sites/ibm-dotcom-web-components-react-wrap/deploys/6740aacdb36b89000845c23e
😎 Deploy Preview https://deploy-preview-12118--ibm-dotcom-web-components-react-wrap.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

package.json Show resolved Hide resolved
@@ -102,14 +102,17 @@ $hover-transition-timing: 95ms;

position: inherit;
z-index: 10;
padding: 0;

box-sizing: border-box;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This fixes the issue. Quick check of some v1 components, seems like in v1 there was a * { box-sizing: border-box; } rule added for all components, as part of some reset? I guess that's a change in v2. Something to keep in mind. I'm not suggesting we change at global level like that though, too far reaching for where we're at.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

yeah I saw that - wondering if that's a change from all the way up in carbon/carbon?

@andy-blum andy-blum added the Ready to merge Label for the pull requests that are ready to merge label Nov 22, 2024
@kodiakhq kodiakhq bot merged commit 5908e7c into main Nov 22, 2024
23 of 25 checks passed
@kodiakhq kodiakhq bot deleted the fix/toc-alignment branch November 22, 2024 18:59
Copy link
Contributor

Hey there! This issue/pull request was referenced in recently released v2.16.0.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Ready to merge Label for the pull requests that are ready to merge
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants