New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Vertical Tabs explode if TV names longer than 169px #14240

Open
IamNeo1 opened this Issue Jan 8, 2019 · 0 comments

Comments

Projects
None yet
3 participants
@IamNeo1
Copy link

IamNeo1 commented Jan 8, 2019

The template variable container is defined with a fixed width of 169px. If the names of the template variables are longer, the whole layout of the vertical tabs explodes.

modx_long_tv_names_1

It is simple to reproduce and simple to fix.

After each update of the manager CSS I have to search and adjust the two places where the width is fixed to 169px. It is already commented as "dirty hack". Why not just set it to "auto". Then the content area adapts.

index.css 6068 rule: .vertical-tabs-panel .vertical-tabs-header

modx_long_tv_names_2

index.css 6112 rule: .vertical-tabs-panel .vertical-tabs-header .x-tab-strip-wrap ul.x-tab-strip > li.x-tab-strip-active
modx_long_tv_names_3

See here with "auto" at both rules
modx_long_tv_names_4

Please fix that.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment