luxolus
/
open-consul
2
0
Fork 0
Code Issues 1 Pull Requests Packages Releases Wiki Activity

ui: SSO Icon cleanup (#7959) 

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 9b256d3da6
commit 89a338c804
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; 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 { %with-logo-kubernetes-color-icon {
@extend %with-icon; @extend %with-icon;
background-image: $logo-kubernetes-color-svg; background-image: $logo-kubernetes-color-svg;
@ -1018,6 +1028,16 @@
mask-image: $logo-kubernetes-monochrome-svg; 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 { %with-logo-okta-color-icon {
@extend %with-icon; @extend %with-icon;
background-image: $logo-okta-color-svg; 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 { %oidc-select [class$='-oidc-provider']::before {
@extend %as-pseudo;
width: 22px; width: 22px;
height: 22px; height: 22px;
/* this is to prevent resizing in an inline-flex context */ /* this is to prevent resizing in an inline-flex context */
@ -8,23 +7,14 @@
margin-right: 10px; margin-right: 10px;
} }
%oidc-select .auth0-oidc-provider::before { %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 { %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 { %oidc-select .google-oidc-provider::before {
@extend %with-logo-gitlab-color-icon; @extend %with-logo-google-color-icon, %as-pseudo;
} }
%oidc-select .aws-oidc-provider::before { %oidc-select .microsoft-oidc-provider::before {
@extend %with-logo-aws-color-icon; @extend %with-logo-microsoft-color-icon, %as-pseudo;
}
%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;
} }