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.
Comment | File | Size | Author |
---|---|---|---|
0001-Responsive-Vertical-Tabs-Integration.patch | 3.02 KB | esteinborn |
Comments
Comment #2
drclaw CreditAttribution: drclaw commentedWorks as advertised!
Comment #3
esteinborn CreditAttribution: esteinborn commentedComment #4
dang42 CreditAttribution: dang42 as a volunteer commentedPatch applied, works as expected.
Comment #5
dang42 CreditAttribution: dang42 as a volunteer commentedCorrection...
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.