Thread:User talk:CodeCat/CSS for mobile - declension and other tables/reply (2)

Interesting, thank you. Latin and Dutch seem to display just fine on mobile. I also realized that the problem is not with Hungarian conjugation tables, which seem to have no width defined; this is limited to Hungarian declension tables (for both nouns and adjectives), which hard-code the width at 40%.

Is there a particular reason for limiting the width of collapsible divs? I note that, for instance, implements a collapsible div with no defined width, as at. Likewise for the collapsible conjugation table on Hungarian entries like. If there is a concern about such divs displaying all the way across widescreen monitors, and the div content becoming unnecessarily stretched out, perhaps we could use max-width and a pixel count, instead of width and a percentage? Poking around in my browser's "inspect" mode on the entry, I find that changing width: 40%; to max-width: 400px; does the trick quite well -- the table does not stretch across the whole width of my widescreen monitor, and if I shrink the window down to emulate mobile as close as I can, the table displays in a more usable fashion.

... And I just realized what you might have meant -- the table at is probably a good example? The table at verb, for instance, doesn't have any length limitation at all, but has some fun show / hide behavior. That would be preferable for Hungarian, over the current hard limit. Though I find that the show / hide behavior only works on a PC -- on mobile, everything is always showing, which makes it a bit confusing as to why the top portion of the header shows the infinitive twice.

Anyway, thank you for looking into this.