status-im/consul
2
0
Fork 0
mirror of https://github.com/status-im/consul.git synced 2025-02-23 10:58:25 +00:00
Code Issues Projects Releases Wiki Activity

ui: SSO Icon cleanup (#7959)

Browse Source 
1. Removes all icons not supported by the backend
2. Adds other icons supported by the backend
3. If there is no icon available don't add CSS positioning for one
This commit is contained in:
John Cowen 2020-05-27 14:24:35 +01:00 committed by John Cowen
parent 94dd1849b4
commit 12b1bc28b4
3 changed files with 28 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui-v2/app/styles/base/icons/base-variables.scss
View File

File diff suppressed because one or more lines are too long

20
ui-v2/app/styles/base/icons/icon-placeholders.scss
View File

@ -998,6 +998,16 @@
mask-image: $logo-gitlab-monochrome-svg;
}
%with-logo-google-color-icon {
@extend %with-icon;
background-image: $logo-google-color-svg;
}
%with-logo-google-color-mask {
@extend %with-mask;
-webkit-mask-image: $logo-google-color-svg;
mask-image: $logo-google-color-svg;
}
%with-logo-kubernetes-color-icon {
@extend %with-icon;
background-image: $logo-kubernetes-color-svg;
@ -1018,6 +1028,16 @@
mask-image: $logo-kubernetes-monochrome-svg;
}
%with-logo-microsoft-color-icon {
@extend %with-icon;
background-image: $logo-microsoft-color-svg;
}
%with-logo-microsoft-color-mask {
@extend %with-mask;
-webkit-mask-image: $logo-microsoft-color-svg;
mask-image: $logo-microsoft-color-svg;
}
%with-logo-okta-color-icon {
@extend %with-icon;
background-image: $logo-okta-color-svg;

22
ui-v2/app/styles/components/oidc-select/skin.scss
View File

@ -1,5 +1,4 @@
%oidc-select [class$='-oidc-provider']::before {
@extend %as-pseudo;
width: 22px;
height: 22px;
/* this is to prevent resizing in an inline-flex context */
@ -8,23 +7,14 @@
margin-right: 10px;
}
%oidc-select .auth0-oidc-provider::before {
@extend %with-logo-auth0-color-icon;
@extend %with-logo-auth0-color-icon, %as-pseudo;
}
%oidc-select .okta-oidc-provider::before {
@extend %with-logo-okta-color-icon;
@extend %with-logo-okta-color-icon, %as-pseudo;
}
%oidc-select .gitlab-oidc-provider::before {
@extend %with-logo-gitlab-color-icon;
%oidc-select .google-oidc-provider::before {
@extend %with-logo-google-color-icon, %as-pseudo;
}
%oidc-select .aws-oidc-provider::before {
@extend %with-logo-aws-color-icon;
}
%oidc-select .azure-oidc-provider::before {
@extend %with-logo-azure-color-icon;
}
%oidc-select .bitbucket-oidc-provider::before {
@extend %with-logo-bitbucket-color-icon;
}
%oidc-select .gcp-oidc-provider::before {
@extend %with-logo-gcp-color-icon;
%oidc-select .microsoft-oidc-provider::before {
@extend %with-logo-microsoft-color-icon, %as-pseudo;
}