lessen textarea width to avoid text hiding behind key

[ghost]

Love hastebin.com but sometimes it get's annoying whenyou have long lines of text and it end up obscured but the 'key' i.e. little box, top left. This prevents that from happening.

[seejohnrun]

Thanks - Could we shrink the textarea with javascript so that it is the right size to avoid the box in smaller browser windows?

[ghost]

I am sure we can, let me have a look.

[seejohnrun]

thanks @ossreleasefeed

[ghost]

@seejohnrun So it has been ages since I looked at this ;p And, I actually meant to ask you, why use JS and not CSS?

[seejohnrun]

@ossreleasefeed no problem :) If you do this with CSS as a percentage, when you shrink the browser window you're going to end up with the same problem. Also at larger resolutions, you'll be losing usable space

[FichteFoll]

Didn't look at it, but how about a fixed margin-right on the textarea instead?

Though, it would probably look weird for the textarea to leave space empty in a sidebar-like fashion, even though there is only a single box.

I guess the "ultimate" solution to this is to remove the box completely and place its contents at the very top of the page, either fixed or absolute. It would visually take more space but in fact leave more for the textarea to use.

[ghost]

@FichteFoll I like your second idea, I also have another one to explore. Will do a mock and attach here.

[seejohnrun]

Key is being moved to the bottom in #351

[github-actions]

This PR is stale because it has been open for 30 days with no activity.

[github-actions]

This PR was closed because it has been inactive for 14 days since being marked as stale.