Problem/Motivation

When you got the admin menu blocked on the side of your screen,
And you resize your screen to mobile device width the white bar below the menu disapear so you can see your content what is nice. but you cant click anything below your menu becaus of a wrapper wich is full screen. so you can see your fields but you cant edit them until you close your menu.

I dont know if this is a problem.
People doesnt resize there screens many times, and if you open your menu you want to navigate not to look and continue editing your content.

Proposed resolution

i think the solution is to change this css class on mobile:
remove the bottom 0 property.

.toolbar-oriented .toolbar-tray-vertical > .toolbar-lining:before {
/* bottom: 0; */
}

Remaining tasks

* change the css of the menu-toolbar and create a patch
* test the patch

Comments

oenie’s picture

Issue tags: -#amsterdam2014 +Amsterdam2014

fixing the amsterdam sprint tag to amsterdam2014

wim leers’s picture

Title: toolbar-menu cant click below menu on mobile » Vertical toolbar menu is broken in narrow viewports
Category: Feature request » Bug report
Priority: Normal » Major
Issue tags: +Usability, +CSS, +CSS novice, +Novice, +DrupalCamp Ghent 2014, +sprint
StatusFileSize
new27.16 KB

Reproduced.

I think a better solution, which would also be less visually jarring, would be to just make the currently transparent part white.

wim leers’s picture

Issue summary: View changes
borisson_’s picture

Assigned: Unassigned » borisson_
Issue tags: -Amsterdam2014, -sprint

Working on this at the DrupalCamp Ghent sprint

borisson_’s picture

StatusFileSize
new507 bytes
new40.69 KB

I've made this grey, as the toolbar is on other resolutions.

borisson_’s picture

StatusFileSize
new657 bytes
wim leers’s picture

Status: Active » Reviewed & tested by the community

Works perfectly.

Reviewed the code, also in the wider context of the other Toolbar module CSS, and it looks good to me.

RTBC! Thank you! :)

webchick’s picture

Status: Reviewed & tested by the community » Fixed

Committed and pushed to 8.0.x. Thanks!

  • webchick committed 9f6975a on 8.0.x
    Issue #2349871 by borisson_, Wim Leers, Arjandew: Vertical toolbar menu...

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.