libre.sh/keycloak-scim
4
0
Fork 0
Code Issues 15 Pull requests Releases 1 Activity Actions

Show hand cursor when hovering over User Fed empty state cards (#569)

Browse source 
* add hand cursor for empty state cards

* add default ldap name value

* move card css up and add to provider cards
This commit is contained in:
mfrances17 2021-05-06 03:23:51 -04:00 committed by GitHub
parent d3615b1780
commit 84d621f70a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 16 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
public/index.css
View file

@ -19,10 +19,14 @@ label.pf-c-form__label {
} }
.pf-c-select__toggle:before { .pf-c-select__toggle:before {
border-top: var(--pf-c-select__toggle--before--BorderTopWidth) solid var(--pf-c-select__toggle--before--BorderTopColor); border-top: var(--pf-c-select__toggle--before--BorderTopWidth) solid
border-right: var(--pf-c-select__toggle--before--BorderRightWidth) solid var(--pf-c-select__toggle--before--BorderRightColor); var(--pf-c-select__toggle--before--BorderTopColor);
border-bottom: var(--pf-c-select__toggle--before--BorderBottomWidth) solid var(--pf-c-select__toggle--before--BorderBottomColor); border-right: var(--pf-c-select__toggle--before--BorderRightWidth) solid
border-left: var(--pf-c-select__toggle--before--BorderLeftWidth) solid var(--pf-c-select__toggle--before--BorderLeftColor); var(--pf-c-select__toggle--before--BorderRightColor);
border-bottom: var(--pf-c-select__toggle--before--BorderBottomWidth) solid
var(--pf-c-select__toggle--before--BorderBottomColor);
border-left: var(--pf-c-select__toggle--before--BorderLeftWidth) solid
var(--pf-c-select__toggle--before--BorderLeftColor);
} }
.keycloak__form_actions { .keycloak__form_actions {
@ -36,3 +40,7 @@ label.pf-c-form__label {
border-top: 1px solid var(--pf-global--BorderColor--100); border-top: 1px solid var(--pf-global--BorderColor--100);
margin-left: calc(-1 * var(--pf-global--spacer--lg)); margin-left: calc(-1 * var(--pf-global--spacer--lg));
} }
.keycloak-empty-state-card:hover {
cursor: pointer;
}

1
src/identity-providers/IdentityProvidersSection.tsx
View file

@ -171,6 +171,7 @@ export const IdentityProvidersSection = () => {
{_.sortBy(identityProviders[group], "name").map( {_.sortBy(identityProviders[group], "name").map(
(provider) => ( (provider) => (
<Card <Card
className="keycloak-empty-state-card"
key={provider.id} key={provider.id}
isHoverable isHoverable
data-testid={`${provider.id}-card`} data-testid={`${provider.id}-card`}

2
src/user-federation/UserFederationSection.tsx
View file

@ -177,6 +177,7 @@ export const UserFederationSection = () => {
<hr className="pf-u-mb-lg" /> <hr className="pf-u-mb-lg" />
<Gallery hasGutter> <Gallery hasGutter>
<Card <Card
className="keycloak-empty-state-card"
isHoverable isHoverable
onClick={() => history.push(`${url}/kerberos/new`)} onClick={() => history.push(`${url}/kerberos/new`)}
data-testid="kerberos-card" data-testid="kerberos-card"
@ -191,6 +192,7 @@ export const UserFederationSection = () => {
</CardTitle> </CardTitle>
</Card> </Card>
<Card <Card
className="keycloak-empty-state-card"
isHoverable isHoverable
onClick={() => history.push(`${url}/ldap/new`)} onClick={() => history.push(`${url}/ldap/new`)}
data-testid="ldap-card" data-testid="ldap-card"

1
src/user-federation/ldap/LdapSettingsGeneral.tsx
View file

@ -83,6 +83,7 @@ export const LdapSettingsGeneral = ({
type="text" type="text"
id="kc-console-display-name" id="kc-console-display-name"
name="name" name="name"
defaultValue="ldap"
ref={form.register({ ref={form.register({
required: { required: {
value: true, value: true,