mIRC Home    About    Download    Register    News    Help

Print Thread
Joined: Aug 2013
Posts: 84
I
Iire Offline OP
Babel fish
OP Offline
Babel fish
I
Joined: Aug 2013
Posts: 84
Hey Khaled, I have a quick request regarding the forum's styling:

Could you add a little bit of padding via CSS to the #texteditor textarea element where posts are composed please? As it is right now, if the text cursor is at the beginning of the line, it will be flush with the left border of the textarea, making it impossible to tell which line you're writing at until you start typing or move the cursor forwards. This is especially problematic when trying to write, for example, longer posts with empty lines between paragraphs.

To demonstrate, there is no way to tell which line my text cursor is at here: [Linked Image from i.postimg.cc]
Until I type, say, a few spaces: [Linked Image from i.postimg.cc]

Hopefully, this would be an an easy fix to implement. Thank you.

Joined: Dec 2002
Posts: 3,838
Hoopy frood
Offline
Hoopy frood
Joined: Dec 2002
Posts: 3,838
It looks like the cursor is visible in some browsers, eg. Firefox, but not others, eg. Chrome. I have updated the texteditor to use some padding smirk

Joined: Aug 2013
Posts: 84
I
Iire Offline OP
Babel fish
OP Offline
Babel fish
I
Joined: Aug 2013
Posts: 84
Ah, yes, I noticed that you'd added some padding the other day - thank you!

I decided to look into this further out of curiosity after you mentioned that the cursor was still visible in Firefox:

As it turns out, both Firefox and Chrome (and other Chromium-based browsers) give textarea elements 2px of padding by default, but the site's common.css stylesheet contains a sort of catch-all "reset" rule that removes that default padding (along with the margins and default word-wrap value) from them, along with a bunch of other different elements, which explains why the padding needed to be added (back) in in the first place. What's interesting to me is the fact that Firefox does indeed seem to handle this situation better by making it so that the text cursor is not obscured by the textarea's outline when it has focus, and from what I can tell, this seems to ultimately be due to the fact that Firefox also gives textarea elements a 2px width border, unlike Chrome (and friends) which give them a 1px-width border instead.


Link Copied to Clipboard