In the attached screen shot, the right borders on Structure, People, and Configuration, are smart enough to go away because they are at the ends of lines, but Help stubbornly keeps its border. It looks really weird when the window is narrow enough that the menu is a single column (and the user is stubborn enough not to switch to vertical mode).

These are the lines of CSS at fault:

.toolbar .horizontal .menu li:last-child {
  border-right: 1px solid #dddddd; /* LTR */
}

(toolbar/css/toolbar.theme.css). I assume there are corresponding lines in toolbar.theme-rtl.css.

Can we just get rid of that right border? The toggle switch already has a left border.

Related issue

#1852348: Toggle to change orientation of toolbar is not easily discoverable.


horizontal toolbar, wrapped to four lines

CommentFileSizeAuthor
#1 Chrome.png72.29 KBmagunz
toolbar-borders.png13.25 KBbenjifisher

Comments

magunz’s picture

Issue summary: View changes
StatusFileSize
new72.29 KB

Hi There, it seems fixed already. I've tested that on different browser and I am not able to reproduce it.
at 830px and less the toolbar is toggled to "toolbar-tray-vertical" 1 column
see the attached screenshot "Chrome.png"

Cheers

magunz’s picture

Status: Active » Needs review
Issue tags: +Drupal8NZ
wim leers’s picture

Status: Needs review » Closed (won't fix)