From 63a429581c7535915f6ddfbccb6c043b0838ef56 Mon Sep 17 00:00:00 2001 From: HesterG Date: Fri, 9 Jun 2023 00:35:29 +0800 Subject: [PATCH] Modify OAuth login ui and fix display name, iconurl related logic (#25030) Close #24808 Co-Authour @wxiaoguang @silverwind 1. Most svgs are found from https://worldvectorlogo.com/ , and some are from conversion of png to svg. (facebook and nextcloud). And also changed `templates/user/settings/security/accountlinks.tmpl`. 2. Fixed display name and iconurl related logic # After Screen Shot 2023-06-05 at 14 09 05 On mobile Screen Shot 2023-06-05 at 14 09 46 user/settings/security/accountlinks (The dropdown might be improved later) Screen Shot 2023-06-01 at 10 01 44 --------- Co-authored-by: silverwind Co-authored-by: wxiaoguang --- options/locale/locale_en-US.ini | 3 +- public/img/auth/azuread.png | Bin 3099 -> 0 bytes public/img/auth/azuread.svg | 1 + public/img/auth/azureadv2.png | Bin 3099 -> 0 bytes public/img/auth/azureadv2.svg | 1 + public/img/auth/bitbucket.png | Bin 2161 -> 0 bytes public/img/auth/bitbucket.svg | 1 + public/img/auth/discord.png | Bin 1559 -> 0 bytes public/img/auth/discord.svg | 1 + public/img/auth/dropbox.png | Bin 1424 -> 0 bytes public/img/auth/dropbox.svg | 1 + public/img/auth/facebook.png | Bin 2088 -> 0 bytes public/img/auth/facebook.svg | 1 + public/img/auth/gitea.png | Bin 5576 -> 0 bytes public/img/auth/gitea.svg | 1 + public/img/auth/github.png | Bin 1151 -> 0 bytes public/img/auth/github.svg | 1 + public/img/auth/gitlab.png | Bin 3616 -> 0 bytes public/img/auth/gitlab.svg | 1 + public/img/auth/google.png | Bin 1622 -> 0 bytes public/img/auth/google.svg | 1 + public/img/auth/mastodon.png | Bin 5112 -> 0 bytes public/img/auth/mastodon.svg | 1 + public/img/auth/microsoftonline.png | Bin 792 -> 0 bytes public/img/auth/microsoftonline.svg | 1 + public/img/auth/nextcloud.png | Bin 2918 -> 0 bytes public/img/auth/nextcloud.svg | 1 + public/img/auth/openid_connect.svg | 1 - public/img/auth/twitter.png | Bin 2709 -> 0 bytes public/img/auth/twitter.svg | 1 + public/img/auth/yandex.png | Bin 826 -> 0 bytes public/img/auth/yandex.svg | 1 + services/auth/signin.go | 2 +- services/auth/source/oauth2/providers.go | 44 ++-- services/auth/source/oauth2/providers_base.go | 15 +- .../auth/source/oauth2/providers_custom.go | 2 +- .../auth/source/oauth2/providers_openid.go | 8 +- .../auth/source/oauth2/providers_simple.go | 6 +- templates/user/auth/signin_inner.tmpl | 28 +-- .../user/settings/security/accountlinks.tmpl | 2 +- web_src/css/base.css | 4 + web_src/css/form.css | 6 +- web_src/fomantic/_site/globals/site.variables | 1 + web_src/fomantic/build/semantic.css | 213 ------------------ 44 files changed, 80 insertions(+), 270 deletions(-) delete mode 100644 public/img/auth/azuread.png create mode 100644 public/img/auth/azuread.svg delete mode 100644 public/img/auth/azureadv2.png create mode 100644 public/img/auth/azureadv2.svg delete mode 100644 public/img/auth/bitbucket.png create mode 100644 public/img/auth/bitbucket.svg delete mode 100644 public/img/auth/discord.png create mode 100644 public/img/auth/discord.svg delete mode 100644 public/img/auth/dropbox.png create mode 100644 public/img/auth/dropbox.svg delete mode 100644 public/img/auth/facebook.png create mode 100644 public/img/auth/facebook.svg delete mode 100644 public/img/auth/gitea.png create mode 100644 public/img/auth/gitea.svg delete mode 100644 public/img/auth/github.png create mode 100644 public/img/auth/github.svg delete mode 100644 public/img/auth/gitlab.png create mode 100644 public/img/auth/gitlab.svg delete mode 100644 public/img/auth/google.png create mode 100644 public/img/auth/google.svg delete mode 100644 public/img/auth/mastodon.png create mode 100644 public/img/auth/mastodon.svg delete mode 100644 public/img/auth/microsoftonline.png create mode 100644 public/img/auth/microsoftonline.svg delete mode 100644 public/img/auth/nextcloud.png create mode 100644 public/img/auth/nextcloud.svg delete mode 100644 public/img/auth/openid_connect.svg delete mode 100644 public/img/auth/twitter.png create mode 100644 public/img/auth/twitter.svg delete mode 100644 public/img/auth/yandex.png create mode 100644 public/img/auth/yandex.svg diff --git a/options/locale/locale_en-US.ini b/options/locale/locale_en-US.ini index 195252c47d17..9528708623dd 100644 --- a/options/locale/locale_en-US.ini +++ b/options/locale/locale_en-US.ini @@ -4,7 +4,8 @@ explore = Explore help = Help logo = Logo sign_in = Sign In -sign_in_with = Sign In With +sign_in_with_provider = Sign in with %s +sign_in_or = or sign_out = Sign Out sign_up = Register link_account = Link Account diff --git a/public/img/auth/azuread.png b/public/img/auth/azuread.png deleted file mode 100644 index 1adbf15e28a0da8e8001a97790da0ad234e2b48a..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 3099 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