orionblastar / K666

K666 is forum discussion software, this is an attempt to write the Free version FreeK666 without violating copyright
http://k666.kr5ddit.com
MIT License
5 stars 0 forks source link

Compose messages body textarea doesn't fit in mobile display #29

Closed procrasti closed 7 years ago

procrasti commented 8 years ago

Have to make this resizeable, depending on the display size, and not a fixed column width.

I'm not sure the best place to do this.

Overriding the form directly (by copying compose.html from django_messages to freek666/templates/django_messages/compose.html), and taking the generated html and putting the form in manually, removing the cols setting and using something like "max-width: 90%; width: 100%;" as the style attribute in the textarea AND the form tags seems to work pretty well... but the forms aren't initialilsed correctly when they should already contain data...

So, we need to make it do something like that, and I'm not exactly where to do that... If it was my own custom form, maybe it would need a widget, maybe we should look at some django react forms module, can we extend the code in django_messages, or do we have to write our own, maybe we just make the changes in our own version of dango_messages?

This is a little bit of a hard problem, and we should solve it before getting too much else going on, so that we are always mobile device compatible.

procrasti commented 7 years ago

Just use html class attributes, and do it all in css... The correct way is design for mobile first, use @media selectors and the use of width and max-width styles.