mirror of
https://github.com/mattermost/mattermost.git
synced 2026-09-01 15:00:08 +08:00
[MM-70387] Keep App Marketplace modal at a fixed width when paging (#38057)
The centered GenericModal layout makes `.modal-content` a flex item of `.modal-dialog`. With the default `min-width: auto`, its automatic minimum size grew to the min-content width of the widest `white-space: nowrap` plugin description, so `.modal-content` overflowed the 832px dialog on pages holding long descriptions and snapped back on pages without them. Setting `min-width: 0` lets `.modal-content` shrink to the dialog width, so the modal stays 832px on every page and long descriptions truncate with an ellipsis inside the list as designed. Co-authored-by: Cursor Agent <cursoragent@cursor.com> Co-authored-by: mattermost-code <matty-code@mattermost.com>
This commit is contained in:
@@ -4,6 +4,12 @@
|
||||
.marketplace-modal {
|
||||
width: 832px;
|
||||
|
||||
// The centered GenericModal layout makes `.modal-content` a flex item, so without an
|
||||
// explicit minimum it cannot shrink below the widest nowrap plugin description.
|
||||
.modal-content {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
&.streamlined-marketplace {
|
||||
.modal-header {
|
||||
padding: 26px 32px 26px !important;
|
||||
|
||||
Reference in New Issue
Block a user