summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorcadars <gregorycadars@gmail.com>2022-12-13 19:43:03 +0100
committerGitHub <noreply@github.com>2022-12-13 19:43:03 +0100
commit52a50c5e43a78f21a1054869352db31b4fa3aba0 (patch)
tree77092fe6550ac2d9ada1c216ae5516f63702fa23
parentf70bdba9264bd7c572cee3c45421733919b7d03c (diff)
Make handle more easily selectable on profile page (#21479)
* Make handle more easily selectable on profile page * Wrap handle in a span * Add `user-select: all` to span * remove whitespace
-rw-r--r--app/javascript/mastodon/features/account/components/header.js4
-rw-r--r--app/javascript/styles/mastodon/components.scss4
2 files changed, 7 insertions, 1 deletions
diff --git a/app/javascript/mastodon/features/account/components/header.js b/app/javascript/mastodon/features/account/components/header.js
index 5eb89c0ea02..f117412be8f 100644
--- a/app/javascript/mastodon/features/account/components/header.js
+++ b/app/javascript/mastodon/features/account/components/header.js
@@ -342,7 +342,9 @@ class Header extends ImmutablePureComponent {
<div className='account__header__tabs__name'>
<h1>
<span dangerouslySetInnerHTML={displayNameHtml} /> {badge}
- <small>@{acct} {lockedIcon}</small>
+ <small>
+ <span>@{acct}</span> {lockedIcon}
+ </small>
</h1>
</div>
diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss
index b56d43000da..1271fc7f3a0 100644
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@@ -7092,6 +7092,10 @@ noscript {
font-weight: 400;
overflow: hidden;
text-overflow: ellipsis;
+
+ span {
+ user-select: all;
+ }
}
}
}