IndexLayout content panel is being overlapped by menu when nested in PageLayout
Closed, DeclinedPublic
Actions

Assigned To

None

Authored By

	• ferdbold
	Jun 8 2015, 5:09 PM

Description

Right now, the content panel of an IndexLayout is being displayed under its menu panel when it is nested in a PageLayout.

The line being overridden is in oojs-ui/src/styles/layouts/IndexLayout.less :

> .oo-ui-menuLayout-content {
	top: 3em;
}

This line is being overridden by

.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before .oo-ui-menuLayout-content {
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
}

Event Timeline

• ferdbold created this task.Jun 8 2015, 5:09 PM

• ferdbold raised the priority of this task from to Needs Triage.

• ferdbold updated the task description. (Show Details)

• ferdbold added a project: OOUI.

• ferdbold subscribed.

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptJun 8 2015, 5:09 PM

• ferdbold renamed this task from IndexLayout content panel CSS gets overridden when nested in PageLayout to IndexLayout content panel is being overlapped by menu when nested in PageLayout.Jun 8 2015, 5:30 PM

• ferdbold set Security to None.

Jdforrester-WMF triaged this task as Low priority.Apr 20 2016, 10:13 PM

@ferdbold To be honest, an IndexLayout within a PageLayout, which itself is part of a BookletLayout sounds like a lot of interaction design pain and a thing that doesn't seem useful to optimize out of box for the library.
PageLayout (being solely part of BookletLayout although its “generic” name):

IndexLayout:

Given it's long time since this has been filed and argument given above, I'm declining this. Please feel free to give more details on the use case in order to evaluate task again.

	F18580531: image.png
	May 28 2018, 3:12 PM

	F18580536: image.png
	May 28 2018, 3:12 PM

IndexLayout content panel is being overlapped by menu when nested in PageLayoutClosed, DeclinedPublicActions

Description

Event Timeline

IndexLayout content panel is being overlapped by menu when nested in PageLayout
Closed, DeclinedPublic
Actions