p-divider: Allow removal of specific dividers

[petesfrench]

Pattern to amend

p-divider

Visual

Before:

After:

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]

@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]

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]

@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.

[syncronize-issues-to-jira]

Thank you for reporting us your feedback!

The internal ticket has been created: https://warthogs.atlassian.net/browse/WD-15240.

This message was autogenerated

[bartaz]

Does it need addressing? Is this component meant to be used in new designs?

[lyubomir-popov]

I'd rather deprecate this. We do not use it on rebranded pages, the whole rebranding is based on horizontal lines, not vertical

[bartaz]

Triaged: let's deprecate the divider component. We don't plan to do any additional work on it.