Skip to content

Instantly share code, notes, and snippets.

@abhchand

abhchand/Papercut-11783.md

Last active November 5, 2018 16:00
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save abhchand/ec1501e1a5ab585f1e3a9fb745b820e2 to your computer and use it in GitHub Desktop.
Save abhchand/ec1501e1a5ab585f1e3a9fb745b820e2 to your computer and use it in GitHub Desktop.
Download ZIP
Approach for Papercut 11783
Raw
Papercut-11783.md

Goal

See Papercut #11783. Subsections should consistently have the indent arrow

expected

I'm trying to add that indent arrow to the "Users" nav section on the account settings page:

actual

Problem

As per this css logic, the arrow (subitem-arrow) is only added on third tier nav items. Specifically, it applies to

.vertical-nav ul ul .vertical-nav-item a

The "users" nav item above has the structure

.vertical-nav ul .vertical-nav-item a

So it's only a second tier nav item and the arrow doesn't apply.

Potential Solution(s)

What's the most preferred approach?

  1. Re-structure the "users" section to be a third-level element by nesting it under another <ul>.
  2. Add a new CSS rule to also target second-level elements
  3. Add a new CSS rule for this particular instance.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment