New sidebar design on tablets

Continuing the discussion from New sidebar experiment (Sidebar Feng Shui):

I have the impression tablets now get a inconvenient mix of desktop mode and touch device styling. While the design experiment added those lines on my tablet, the version merged into core does not.

Especially in the admin sidebar, the headings are difficult to recognise, as they simply get lost in the list. It works fine on desktop devices without touch, where the lines are shown, and on mobile with the gaps, but the version for touch devices in desktop mode has no lines and no gaps.

Mobile:

Desktop:

Tablet:

10 Likes

Hear hear… I came today asking how can I make headings more readable on iPad.

2 Likes

I added

.sidebar-section-wrapper {
    padding-block: .35rem;
    border-bottom: 1px solid var(--secondary-very-high);
}

to the desktop css section of my theme

3 Likes

@Lilly , was certainly impressed with the Desktop Version , Welldone!

why are you mentioning me? what are you even talking about?

3 Likes

lol, that was a mistake Lilly, the mention wasn’t for you but for @Moin , sorry!

Thanks for the report.

I’ve added the divider on tablets too, as was the original intention.

3 Likes

This topic was automatically closed after 4 days. New replies are no longer allowed.