Prohibited symbol for cursor in "This message is for you:" text field makes users belief the text cannot be selected

[FH-Inway]

When a user opens a link and clicks the "View secret" button, they get presented with the following page. When the mouse cursor hovers over the text field containing the secret text, the cursor symbol changes to a prohibited symbol 🚫.
This makes users think that they cannot select the text (e.g. to copy it).

I propose that the mouse cursor should not change when hovering over the text field containing the secret.

See also this comment by @htoomik: #96 (comment)

The cursor currently changes to a "blocked" icon when it is over the secret itself, which very much makes it look the secret cannot be selected & copied, and if a user wants to save the secret in e.g. a password manager, they have to type it one character at a time.

[FH-Inway]

It seems this part of the large bootstrap.css file is responsible for the symbol (sorry, I'm neither a Ruby nor a web developer, just know enough html, javascript and css to be dangerous :) ). Would a pull request that removes textarea[readonly] from that block and add it in a separate block like this work and be ok?

textarea[readonly] {
  cursor: text;
  background-color: #eeeeee;
}

onetimesecret/public/web/css/bootstrap.css

Lines 1420 to 1428 in 6452289

	input[disabled],
	select[disabled],
	textarea[disabled],
	input[readonly],
	select[readonly],
	textarea[readonly] {
	cursor: not-allowed;
	background-color: #eeeeee;
	}

[delano]

Thanks for the report and follow-up. I've tagged it as a user experience issue. We'll include a fix in the upcoming redesign work.