Backend css rule for class .w50 not working for checkboxes
Closed this issue · 13 comments
You should use w50 only for single ones. Or use tl_style => 'height:auto'.
Why build a workaround with inline-styles? What's the problem with a CSS change that would work in general?
If we can be sure that min-height
works in all browsers and does not cause any side-effects, I'd be in favor of this solution.
And again it seems to be time for a flexbox solution.
THX
If we can be sure that
min-height
works in all browsers and does not cause any side-effects
Did anyone test this?
@contao/developers /cc
as far as I am concerned it worked in safari, firefox and chrome in osx environment.
We need some more people to test this please. @frontendschlampe @may17 @fritzmg @cliffparnitzky @ausi @Pellinger @netzarbeiter /cc
In general this works. Here are two screenshots from Contao 4.5 from FireFox and IE 11 under Windows 10 x64:
In this test I added the w50
class to all the widgets within the Stylesheets section of the page layout and changed the height
of .w50
to min-height
.
Since the height of one w50
element can now be anything, the resulting layout may look a little off, since you will not know how many elements will float to the right (or left) of the w50
element. This may result in some whitespace in odd places - as seen above.
min-height has full browser support see https://caniuse.com/#feat=minmaxwh
I can confirm the test of @fritzmg : used Contao 4.4 in Chrome, Firefox and IE 11
Changed in contao/contao@a3f4e86.