When using an admin theme, and editing content on small screens, the tab list at the bottom of the page is not very user friendly. In order to change the contents within a tab, after selecting it, you need to scroll down past the list of tabs to see the content in order to edit it.

I'm specifically referring to the vertical tabs at the bottom of the screen, that feature all of the publishing options for a piece of content. (but this applies to any "fieldgroup"-based vertical tabs as well).

I wrote a JS script that attaches to the adminimal theme that binds and unbinds properly, as well as supports regular "fieldgroup" vertical-tabs.

What it does is grabs the content you wanted, and places it below the vertical tab item you clicked. Only on mobile screens, and it unbinds that action if you resize the browser window to a larger size.

It also scrolls you to the top of the appropriate tab you clicked on as well.

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

esteinborn created an issue. See original summary.

drclaw’s picture

Works as advertised!

esteinborn’s picture

Status: Active » Needs review
dang42’s picture

Status: Needs review » Reviewed & tested by the community

Patch applied, works as expected.

dang42’s picture

Status: Reviewed & tested by the community » Needs work

Correction...

The patch applies cleanly and works as expected, so long as you are NOT using custom media queries. If you are, it has no effect.