UX: fix card positioning, allow shrink-to-fit (#27774)

app/assets/javascripts/discourse/app/mixins/card-contents-base.js

@@ -203,6 +203,7 @@ export default Mixin.create({
             bottom: 10,
             left: 10,
           },
+          maxWidth: "unset",
         });
       } else {
         this._menuInstance = await this.menu.show(target, {

app/assets/stylesheets/common/components/user-card.scss

@@ -38,6 +38,7 @@
 // shared styles for user and group cards
 .user-card,
 .group-card {
+  min-width: 0;
   width: var(--card-width);
   color: var(--primary);
   background: var(--secondary) center center;

plugins/chat/assets/stylesheets/desktop/base-desktop.scss

@@ -1,5 +1,9 @@
 .fk-d-menu[data-identifier="card"] {
   z-index: z("usercard");
+  max-width: calc(100vw - 2em);
+  .fk-d-menu__inner-content {
+    min-width: 0;
+  }
 }
 
 .full-page-chat {