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

p-divider: Allow removal of specific dividers #4877

Open
petesfrench opened this issue Sep 26, 2023 · 3 comments
Open

p-divider: Allow removal of specific dividers #4877

petesfrench opened this issue Sep 26, 2023 · 3 comments

Comments

@petesfrench
Copy link
Contributor

Pattern to amend

p-divider

Visual

Before:
image
After:
image

Code

.p-divider {
  .p-divider__block.no-divider {
    &::before {
      content: none;
    }
  }
}

Context

Design required a section of p-dividers without the initial divider, see figma. Could also be used to remove any other dividers

@jmuzina
Copy link
Member

jmuzina commented May 20, 2024

@petesfrench Hi, from what I can tell this was implemented as default behavior in this commit (this PR) in v4.11.0 and onward.

Can you check here and verify it's working as you need? Thanks!

@petesfrench
Copy link
Contributor Author

Thanks @jmuzina! I have (sort of) applied the change - unfortunately, I found another visual bug, so have had to change how we apply the p-divider class. Could you take a look for me please? canonical/ubuntu.com#13884

@bartaz
Copy link
Member

bartaz commented May 24, 2024

@petesfrench This component seems to be deprecated and not used in rebranded pages anymore, so from Vanilla point of view we don't want to put too much focus on this anymore.

Is this part of any new design? As far as I understand we should not be using those anymore.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants