مرحباً 
يبدو أن نمط float-kit .popup-menu يتجاوز النمط الخاص ببطاقة المستخدم. هذا يسبب بعض التعارضات مثل نمط أزرار Message و Chat وما إلى ذلك. تمت إضافة الفئة popup-menu إلى .fk-d-menu مما يسبب هذا.
كما يظهر خلفية وقائمة وحدود وظل القائمة المنبثقة.
الالتزام المتعلق بالمشكلة على الأرجح: UX: improve btn-transparent styling by awesomerobot · Pull Request #24666 · discourse/discourse · GitHub
شكراً 
إزالة الفئة popup-menu يحل هذه المشكلة. قد يكون الحل السريع هو تجاوز popup-menu على بطاقة المستخدم.
يمكن استهدافها باستخدام .popup-menu[data-identifier=card]
لذا فإن شيئًا كهذا سيستعيد نمط بطاقة المستخدم
@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
);
}
}
}
