diff --git a/app/assets/javascripts/discourse/app/mixins/card-contents-base.js b/app/assets/javascripts/discourse/app/mixins/card-contents-base.js index c7a4d9cf673..74a93bbf432 100644 --- a/app/assets/javascripts/discourse/app/mixins/card-contents-base.js +++ b/app/assets/javascripts/discourse/app/mixins/card-contents-base.js @@ -199,7 +199,7 @@ export default Mixin.create({ this._menuInstance = await this.menu.show(target, { content: this.element, autoUpdate: false, - identifier: "card", + identifier: "usercard", padding: { top: 10 + AVATAR_OVERFLOW_SIZE + headerOffset(), right: 10, @@ -212,7 +212,7 @@ export default Mixin.create({ this._menuInstance = await this.menu.show(target, { content: this.element, strategy: "fixed", - identifier: "card", + identifier: "usercard", computePosition: (content) => { content.style.left = "10px"; content.style.right = "10px"; diff --git a/app/assets/stylesheets/common/components/user-card.scss b/app/assets/stylesheets/common/components/user-card.scss index cdd1bf3d9f6..dae625e84e4 100644 --- a/app/assets/stylesheets/common/components/user-card.scss +++ b/app/assets/stylesheets/common/components/user-card.scss @@ -1,6 +1,6 @@ @use "sass:math"; -.fk-d-menu[data-identifier="card"] { +.fk-d-menu[data-identifier="usercard"] { max-width: calc(100vw - 2em); width: auto; .fk-d-menu__inner-content { diff --git a/app/assets/stylesheets/mobile/components/user-card.scss b/app/assets/stylesheets/mobile/components/user-card.scss index 4293f3f02d9..d80b9727b7e 100644 --- a/app/assets/stylesheets/mobile/components/user-card.scss +++ b/app/assets/stylesheets/mobile/components/user-card.scss @@ -1,4 +1,4 @@ -[data-content][data-identifier="card"] { +[data-content][data-identifier="usercard"] { z-index: z("max"); } diff --git a/plugins/chat/assets/stylesheets/desktop/base-desktop.scss b/plugins/chat/assets/stylesheets/desktop/base-desktop.scss index bea4f86e45f..9cc0f3061f8 100644 --- a/plugins/chat/assets/stylesheets/desktop/base-desktop.scss +++ b/plugins/chat/assets/stylesheets/desktop/base-desktop.scss @@ -1,4 +1,4 @@ -.fk-d-menu[data-identifier="card"] { +.fk-d-menu[data-identifier="usercard"] { z-index: z("usercard"); }