Meta Issue:#1870944: [Meta] Mobile friendly admin pages

Problem/Motivation

Relook at vertical tabs on admin pages in NARROW screens
Admin URLs:

  1. admin/config/content/formats/filtered_html
  2. admin/config/people/accounts
  3. admin/structure/block/manage/%/%

Proposed resolution

To be determined.

Remaining tasks

To be determined.

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Shyamala’s picture

Issue summary: View changes

added admin/config/people/accounts

mansspams’s picture

Proposed resolution would be to turn vertical tabs into accordion while in narrow.

nod_’s picture

Component: CSS » javascript
Status: Active » Postponed (maintainer needs more info)

Open the page in a narrow screen don't resize it after loading, it will avoid vtabs and will use collaspsible details elements.

Ideal would be to turn on and off the vtabs dynamically but that's a pain to do. Let me know what you want to do with it.

echoz’s picture

Nice! I just want to note here that my patch at #1872606: Single Column admin pages, details summary causes scrollbar resolves the horizontal scrollbar caused by the erroneous 100% width on the details summary at narrow viewport.

Shyamala’s picture

Status: Postponed (maintainer needs more info) » Closed (works as designed)
FileSize
469.61 KB

Works beautifully when loaded in small screens. (not resized)
Attached image,

kevinsiji’s picture

Status: Closed (works as designed) » Active

Reloading will disable the vertical tab, but switching the orientation is not disabling the vertical tab. There should be some way to disable vertical tab while switching the orientation to small width.

Note: Not tested on a real tablet, but tested in chrome "Overrides/Device metrics" of the developer tab.

nod_’s picture

Status: Active » Closed (works as designed)

That's a "feature" :þ

Hang out around #1812298: Handle mobile orientation change for JS widgets to address your issue.

nod_’s picture

Issue summary: View changes

Added admin/structure/block/manage/%/%