diff --git a/_locales/en/messages.json b/_locales/en/messages.json index f7cb74fa..d735ab85 100644 --- a/_locales/en/messages.json +++ b/_locales/en/messages.json @@ -630,6 +630,10 @@ "message": "Translate", "description": "Transifex link text on the manage page" }, + "linkUSW": { + "message": "Upload and discover styles on userstyles.world", + "description": "Link text for https://userstyles.world/ on the manage page" + }, "linterCSSLintIncompatible": { "message": "CSSLint doesn't support $preprocessorname$ preprocessor", "placeholders": { diff --git a/manage.html b/manage.html index f22b5e47..f6f9ea5c 100644 --- a/manage.html +++ b/manage.html @@ -333,6 +333,9 @@ + + + diff --git a/manage/manage.css b/manage/manage.css index 88fd8083..8e66ccd3 100644 --- a/manage/manage.css +++ b/manage/manage.css @@ -440,6 +440,24 @@ a:hover { margin: 0 .5em; } +#link-usw { + display: flex; + align-items: center; + margin-top: .5em; +} + +#link-usw img { + max-width: 2.5em; + max-height: 2.5em; + margin-right: .75em; + filter: grayscale(1); + transition: filter .5s; +} + +#link-usw:hover img { + filter: none; +} + .newUI .entry .svg-icon.checked, .newUI .entry:hover .svg-icon.checked { fill: #000;