Select list is not displaying properly in multi-sites setting

Description

The issue happens because the css property .tabs-left .tab-content overflow: hidden applies to both the tab-content in multi sites situation.

Environment

None

Activity

Show:
Jan Jareño
August 24, 2018, 7:36 AM

Hi,

Issue is caused by nested tabbed-content, where the first tabbed-content is have the nav-tabs on the left as seen on the screenshot below:

Can check issue on this page https://bvrla-sslstaging5.pixl8.london/bvrla_admin/sysconfig/category/?_sid=245DA6D2-DE25-4662-9FBB0EAA4D189E9A&id=lookups

Issue on the core css is:

I suggest changing how the .tab-content is targeted when .nav-tabs are on the left/right. I suggest using > to target the direct-child of the .tabbable container. Please see the code below:

I’ve tried the code via inspect-element of the browser and works fine.

Thanks,
Jan

Kok Ann Ng
October 9, 2018, 10:08 AM
Edited

Hi,

This is what i tried. Inside preside_ace_overrides.less starting line 255:

It works but not very ideal.

Thank you,

Kok Ann

Dominic Watson
November 2, 2018, 5:21 PM

Hey Kok Ann, thanks for the investigation on this. Is there a reason this is "not ideal"? Am thinking we could and should merge this (pull request??).

Assignee

Unassigned

Reporter

Kok Ann Ng

Labels

None

Accepted

Yes

Fix versions

Priority

Medium
Configure