diff --git a/public/_locales/en/messages.json b/public/_locales/en/messages.json index 3e7a3acf..2b85bb14 100644 --- a/public/_locales/en/messages.json +++ b/public/_locales/en/messages.json @@ -161,6 +161,9 @@ "setUsername": { "message": "Set Username" }, + "copyPublicID": { + "message": "Copy Public UserID" + }, "discordAdvert": { "message": "Come join the official discord server to give suggestions and feedback!" }, diff --git a/public/popup.css b/public/popup.css index 4398eaa4..96259cf2 100644 --- a/public/popup.css +++ b/public/popup.css @@ -265,7 +265,7 @@ background-color:#ec1c1c; align-items: center; } -.sbSlimButton, #additionalButtons>button, button#setUsernameButton, #submitUsername { +.sbSlimButton, #additionalButtons>button, button#setUsernameButton, #submitUsername, #copyUserID { background: none; border: none; color: white; @@ -341,6 +341,14 @@ label>p, #disableExtension>p, #usernameValue, #usernameElement > div > p,#sponso cursor: pointer; } +#copyUserID { + width: 100%; +} + +#setUsernameContainer { + display: flex; +} + #usernameElement > div, #sponsorTimesContributionsContainer > div { display: flex; flex-flow: column nowrap; diff --git a/public/popup.html b/public/popup.html index 80e0d1da..c6600bdc 100644 --- a/public/popup.html +++ b/public/popup.html @@ -90,6 +90,9 @@ +