Page MenuHomePhabricator

Options to only use a specific layout/not go bigger - single-column with only dropdown menus, or one sidebar-only
Open, Needs TriagePublic

Description

The skin Timeless shows a left and a right sidebar in wide windows, but dropdown menus in narrow ones. Some users and site admins would prefer sticking to a specific layout regardless of size and only scaling down if needed:

  • Capping at single-column, where the menus are always dropdowns.
  • Only one sidebar, for consistency with other skins like MonoBook/Vector, and avoiding confusion with where the tools will appear when often jumping between different resolutions on either side of the cutoff

Do these as user options, where the site can specify the default.

Event Timeline

Restricted Application added subscribers: Luke081515, Aklapper. · View Herald TranscriptApr 4 2016, 8:51 PM

Maybe this is a good case for a custom setting at the users preferences?

Maybe this is a good case for a custom setting at the users preferences?

That's what I'm thinking. User setting or site setting or both. Generally on a huge screen there's a lot of unused space so we should be using that, but if people don't want that there's no good reason they shouldn't be able to turn it off and thus focus more on the content.

I think if you add an user setting for "Show always dropdowns". it should only change the behavior at huge screens if it is unset. Noone is happy if large sidebars are displayed at mobile view.

Yeah, option to just disable the sidebars and use the screen-small layout (the with dropdowns) for all aside from actual mobile. There's precedent.

Isarra renamed this task from Always show dropdown menus in the skin Timeless to Option to always show dropdown menus in the skin Timeless/no sidebars.Aug 17 2017, 6:57 PM
Isarra added subscribers: IKhitron, Amire80.
SamanthaNguyen moved this task from Backlog to Features on the Timeless board.Sep 23 2017, 5:22 PM
Isarra renamed this task from Option to always show dropdown menus in the skin Timeless/no sidebars to Options to only use a specific layout/not go bigger - single-column with only dropdown menus, or one sidebar-only.Jan 18 2019, 9:05 PM
Isarra updated the task description. (Show Details)

I would appreciate having a single-sidebar option.
I'm not sure if the skin developers will add that option, so here is temporary workaround to add to your wiki's Timeless.css.

@media (min-width: 1340px) {
  #mw-content-block {
    display: block;
  }
  #mw-content,
  #content-bottom-stuff {
  margin-left: 14em;
  }
  #mw-content-wrapper {
    float: right;
    margin-left: -14em;
    width: 100%;
  }
  #mw-related-navigation {
    width: 14em;
    padding: 0 1em 0 0;
  }
}

So we add some 'Desktop layout options':

  • Single column layout with dropdown navigation
  • Navigation in left-sidebar only
  • Navigation and page tools in left and right sidebars

Where if it doesn't fit each will still scale down to the narrower ones; what this allows is disabling scaling up, essentially. Moo.

Change 530202 had a related patch set uploaded (by Isarra; owner: Isarra):
[mediawiki/skins/Timeless@master] Add settings to use a particular layout even at higher resolutions (cap at single column or single-sidebar instead of the default three- column mode)

https://gerrit.wikimedia.org/r/530202