feat(core): change primary action links in user menu into buttons

Link such as sign up and sign in are converted into a button to make it more visible
This commit is contained in:
alistair3149 2024-05-01 20:25:51 -04:00
parent b07babd2de
commit ffa7d76df4
No known key found for this signature in database
2 changed files with 15 additions and 4 deletions

View file

@ -350,10 +350,6 @@ class SkinHooks implements
} else { } else {
// Remove anon user page text from user menu and recreate it in user info // Remove anon user page text from user menu and recreate it in user info
unset( $links['user-menu']['anonuserpage'] ); unset( $links['user-menu']['anonuserpage'] );
// Remove links as they are added to the bottom of user menu later
// unset( $links['user-menu']['createaccount'] );
// unset( $links['user-menu']['login'] );
// unset( $links['user-menu']['login-private'] );
} }
self::addIconsToMenuItems( $links, 'user-menu' ); self::addIconsToMenuItems( $links, 'user-menu' );

View file

@ -1,6 +1,10 @@
.citizen-userMenu { .citizen-userMenu {
&__card { &__card {
.citizen-header-card( right ); .citizen-header-card( right );
.citizen-menu__heading {
.mixin-screen-reader-text;
}
} }
&__header { &__header {
@ -84,6 +88,17 @@
} }
} }
#pt-createaccount,
#pt-login,
#pt-login-private,
#pt-logout {
a {
margin: var( --space-xs );
border: 1px solid var( --border-color-base );
border-radius: var( --border-radius--medium );
}
}
#pt-login { #pt-login {
a { a {
.button-blue; .button-blue;