first off I think Dndbeyond is really great and I spent hours of reading articles and books on my mobile phone. :-)
I know that is probably not healthy for my eyes, but I'm stuck in public transport for about 3 hours a day and can barely move my arms there, so...
Anyways, I love the articles, but the way tables are rendered on small displays makes them really painful to read. They are usually equal sized columns with one or two columns being almost empty and the third one containing a whole novel worth of text written in one word per line.
Personally, I would simply alow the tables to use the standard overflow behavior of the browser, so you can scroll sideways and read the text. That should be a relatively simple change to the site's CSS.
(Wrap the table in a div with max-width 100% and overflow scroll)
A more "fancy" solution could be to replace the tables with dropdown lists on smaller displays.
E.g. if you have a random table with dice values in the first column and results in the second, on mobile devices you would have a list of numbers and when you tap on one of those numbers it would expand to show the result as a normal paragraph.
If there are more than 2 columns I would add all columns after the first as expandable paragraphs.
Those are of course only suggestions. :-)
But the table rendering could imho really use some change. :-)
Hi,
first off I think Dndbeyond is really great and I spent hours of reading articles and books on my mobile phone. :-)
I know that is probably not healthy for my eyes, but I'm stuck in public transport for about 3 hours a day and can barely move my arms there, so...
Anyways, I love the articles, but the way tables are rendered on small displays makes them really painful to read. They are usually equal sized columns with one or two columns being almost empty and the third one containing a whole novel worth of text written in one word per line.
Personally, I would simply alow the tables to use the standard overflow behavior of the browser, so you can scroll sideways and read the text. That should be a relatively simple change to the site's CSS.
(Wrap the table in a div with max-width 100% and overflow scroll)
A more "fancy" solution could be to replace the tables with dropdown lists on smaller displays.
E.g. if you have a random table with dice values in the first column and results in the second, on mobile devices you would have a list of numbers and when you tap on one of those numbers it would expand to show the result as a normal paragraph.
If there are more than 2 columns I would add all columns after the first as expandable paragraphs.
Those are of course only suggestions. :-)
But the table rendering could imho really use some change. :-)
Agreed. I hate tables on mobile. Some of them are just 1 letter per row for me.