# Lo stile Usercard non funziona

**URL:** <https://meta.discourse.org/t/usercard-style-is-broken/287258>\
**Category:** UX\
**Tags:** completed, user-card\
**Created:** [2 Dicembre 2023, 8:21am UTC](https://meta.discourse.org/t/usercard-style-is-broken/287258 "2023-12-02T08:21:37Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)\
**Post date:** [2 Dicembre 2023, 8:21am UTC](https://meta.discourse.org/t/usercard-style-is-broken/287258/1 "2023-12-02T08:21:37Z")

</div>

Ciao 👋

Sembra che lo stile `.popup-menu` di float-kit stia sovrascrivendo lo stile specifico di usercard. Ciò crea conflitti, ad esempio con lo stile dei pulsanti Messaggio, Chat, ecc. La classe `popup-menu` viene aggiunta a `.fk-d-menu`, causando questo problema.

 ![Screenshot 2023-12-02 at 9.12.46](https://global.discourse-cdn.com/meta/original/4X/1/c/6/1c6f87a269f5efde91b682df583872cc59bc50fa.png)

Appaiono anche lo sfondo, il bordo e l’ombra di popup-menu.

 ![Screenshot_20231202_093305](https://global.discourse-cdn.com/meta/original/4X/d/1/6/d160618db4c629d1e093e4d5218b0faf019fa4f1.jpeg)

Probabile commit correlato: [UX: improve btn-transparent styling by awesomerobot · Pull Request #24666 · discourse/discourse · GitHub](https://github.com/discourse/discourse/pull/24666)

Grazie 🙂

La rimozione della classe `popup-menu` risolve questo problema. Una possibile soluzione rapida è sovrascrivere `popup-menu` su usercard.

Può essere selezionato con `.popup-menu[data-identifier=card]`

> **Quindi qualcosa del genere recupererà lo stile della usercard**
>
> ```scss
> @mixin usercard-btn($btn-bg, $btn-color, $btn-bg-hover, $btn-color-hover) {
> background: var(--#{$btn-bg});
> .d-icon {
> color: var(--#{$btn-color});
> margin-right: 0.45em;
> }
> .discourse-no-touch & {
> &:focus,
> &:hover {
> background-color: var(--#{$btn-bg-hover});
> color: var(--#{$btn-color-hover});
> .d-icon {
> color: var(--#{$btn-color-hover});
> }
> }
> }
> .discourse-touch & {
> &:focus,
> &:hover {
> color: var(--#{$btn-color});
> .d-icon {
> color: var(--#{$btn-color});
> }
> }
> }
> }
> 
> .popup-menu[data-identifier="card"] {
> background: none;
> border: none;
> .mobile-view & {
> z-index: z("max");
> }
> box-shadow: none;
> ul {
> li {
> border-bottom: none;
> }
> }
> .btn {
> justify-content: center;
> padding: 0.5em 0.65em;
> border-radius: var(--d-button-border-radius);
> margin-bottom: 5px;
> .d-icon {
> align-self: unset;
> margin-top: unset
> }
> &.btn-primary {
> @include usercard-btn(
> tertiary,
> secondary,
> tertiary-hover,
> secondary
> );
> }
> &:not(.btn-primary) {
> @include usercard-btn(
> primary-low,
> primary,
> primary-medium,
> secondary
> );
> }
> }
> }
> 
> ```

---

_[View the full topic](https://meta.discourse.org/t/usercard-style-is-broken/287258)._