fix sso icon position (#9960)

* fix sso icon position

* Add to auth_plugins sass

* rely on modifier class for icon padding

Co-authored-by: Oliver Günther <mail@oliverguenther.de>
This commit is contained in:
ulferts
2021-12-07 16:25:28 +01:00
committed by GitHub
parent 76e20c97e2
commit ac14e80220
2 changed files with 16 additions and 11 deletions
@@ -20,14 +20,17 @@
.op-app-header #nav-login-content,
#content,
.op-modal,
.login-auth-providers a.auth-provider
background-repeat: no-repeat
background-size: 18px 18px
background-position-x: 8px
background-position-y: center
background-color: #FFF
.login-auth-providers a.auth-provider
background-repeat: no-repeat
background-size: 18px 18px
background-position-x: 8px
background-position-y: center
background-color: #FFF
&.auth-provider-google,
&.auth-provider-azure,
&.auth-provider-heroku
padding: 9px 12px 9px 34px
&.auth-provider--imaged
padding-left: 2rem
&.auth-provider-google,
&.auth-provider-azure,
&.auth-provider-heroku
padding: 9px 12px 9px 34px
@@ -35,7 +35,9 @@ See COPYRIGHT and LICENSE files for more details.
opts[:origin] = params['back_url']
end
%>
<a href="<%= omniauth_start_path(pro[:name], opts) %>" class="auth-provider auth-provider-<%= pro[:name] %> button">
<a
href="<%= omniauth_start_path(pro[:name], opts) %>"
class="auth-provider auth-provider-<%= pro[:name] %> <%= pro[:icon] ? 'auth-provider--imaged' : '' %> button">
<span class="auth-provider-name"><%= pro[:display_name] || pro[:name] %></span>
</a>
<% end %>