Utopian comment box resizing and mouse lag / Nov 19, 2017
Hi
I was trying to comment on a post today and saw that the comment box was too small. I tried to enlarge it and it work but is still small. Maybe for my resolution and what i am used to work in steemit.
First, i thought resizing thing, it is a bug but i think it was more an option choosen by the devs.
The one i see as a potential bug is the mouse speed of resizing. It has some latency when moving mouse which is very strange because it feels like the mouse it don't work. First time i hit it slightly over the mousepad ;-).
You know the feeling, like when the windows freezes for a sec when something is killing cpu for short time.
And from what i see it happens only on utopian. So are not my browsers (i tried both on chrome and firefox).
Now, the pictures and details:
Default size looks ok:
Adding text and maximum height (for comment):
Adding text and maximum height (for post):
Resizing on horizontal it goes over the right side:
Recommended for max-height
The id for the comment box element is:
id="commentFormInput"
For desktop stylesheet
Original code is:
style="height: 58px; min-height: 58px;
max-height: 154px; overflow-y: hidden;"
I would recommend:
- Maxim width = 670px
- Max height = 400px (at least, to have space and view longer comment)
I tried in inspector with this settings in chrome:
style="height: 394px; min-height: 58px;
max-height: 400px; margin: 0px; max-width: 670px;"
where i put
max-height: 400px;
and
max-width: 670px;
or maybe restrict it on vertical resize because we need to see more down, not on the right:
resize:vertical;
For post textarea (when writing a post), which have a default 298px it could be
max-height: 600px;
Regarding the mouse laggy move i don't know what settings are to be changed.
So i can't provide that details.
I tried also on my other laptop and the issues are the same.
OS: Windows 10 / 64 bit
Browsers: Chrome, Firefox 54.0.1 (64 bit)
Apps: utopian.io
All product names, logos, and brands are property of their respective owners.
pictures source: Pixabay and related websites quoted above
collages or screenshots: @ilvstranger
follow me on other social:
TWITTER: @ilvstranger | steemit: @ilvstranger | INSTAGRAM: @ilvstranger | PINTEREST: @ilvstranger | TUMBLR: @ilvstranger
Posted on Utopian.io - Rewarding Open Source Contributors