Page 1 of 1

Column width: smaller than 20px?

Posted: 2018-07-14 12:09
by jsetzer
Hi there,

I have some status-indicator columns like the following:

chrome_2018-07-14_13-47-11.png
chrome_2018-07-14_13-47-11.png (6.31 KiB) Viewed 2333 times

Column width has been set to 20px via AppGini.

AppGini_2018-07-14_13-49-35.png
AppGini_2018-07-14_13-49-35.png (1.39 KiB) Viewed 2333 times

I'd like to decrease the column's width a bit more, but when I set column width to a smaller value, let's say 19px, the following happens :shock: :
chrome_2018-07-14_13-52-18.png
chrome_2018-07-14_13-52-18.png (7.1 KiB) Viewed 2333 times
The column width increases to 150px. In CSS the min-width and max-width change to 150px as soon as I set column width smaller than 20px:
chrome_2018-07-14_13-53-57.png
chrome_2018-07-14_13-53-57.png (4.26 KiB) Viewed 2333 times

It seems as if there is a built-in minimum column width of 20px.


As a workaround I have defined a custom style in header_extras.php for that column:

Code: Select all

.vorgaenge-vorgangsstatus_color {
    min-width: 8px !important;
    max-width: 8px !important;
}
For me the result looks much better now :) :
chrome_2018-07-14_13-58-55.png
chrome_2018-07-14_13-58-55.png (5.9 KiB) Viewed 2333 times
Hope it helps!

It would be nice if there was a smaller limit for column width in AppGini.

Kind Regards,
Jan

Re: Column width: smaller than 20px?

Posted: 2018-08-08 12:41
by a.gneady
It seems as if there is a built-in minimum column width of 20px.
Yep .. that's indeed true. I'll add a note in our to-do list to decrease that limit to maybe 6px or so. Nicely done, Jan :)

Re: Column width: smaller than 20px?

Posted: 2018-08-15 10:28
by jsetzer
Thanks, @Ahmad!