diff --git a/src/routes/_components/dialog/components/AccountProfileOptionsDialog.html b/src/routes/_components/dialog/components/AccountProfileOptionsDialog.html index b7ce5cd2..e476350c 100644 --- a/src/routes/_components/dialog/components/AccountProfileOptionsDialog.html +++ b/src/routes/_components/dialog/components/AccountProfileOptionsDialog.html @@ -2,6 +2,7 @@ {id} {label} {title} + shrinkWidthToFit={true} background="var(--main-bg)" > diff --git a/src/routes/_components/dialog/components/CopyDialog.html b/src/routes/_components/dialog/components/CopyDialog.html index 7f166095..768f0419 100644 --- a/src/routes/_components/dialog/components/CopyDialog.html +++ b/src/routes/_components/dialog/components/CopyDialog.html @@ -2,6 +2,7 @@ {id} {label} {title} + shrinkWidthToFit={true} background="var(--main-bg)" >
diff --git a/src/routes/_components/dialog/components/EmojiDialog.html b/src/routes/_components/dialog/components/EmojiDialog.html index 1a4c6c14..4e9f9cd8 100644 --- a/src/routes/_components/dialog/components/EmojiDialog.html +++ b/src/routes/_components/dialog/components/EmojiDialog.html @@ -2,6 +2,7 @@ {id} {label} {title} + shrinkWidthToFit={true} background="var(--main-bg)" >
diff --git a/src/routes/_components/dialog/components/GenericConfirmationDialog.html b/src/routes/_components/dialog/components/GenericConfirmationDialog.html index c6b8c570..0b2980ac 100644 --- a/src/routes/_components/dialog/components/GenericConfirmationDialog.html +++ b/src/routes/_components/dialog/components/GenericConfirmationDialog.html @@ -3,6 +3,7 @@ {label} {title} {className} + shrinkWidthToFit={true} background="var(--main-bg)" > diff --git a/src/routes/_components/dialog/components/ModalDialog.html b/src/routes/_components/dialog/components/ModalDialog.html index 48745e59..aed8309f 100644 --- a/src/routes/_components/dialog/components/ModalDialog.html +++ b/src/routes/_components/dialog/components/ModalDialog.html @@ -136,6 +136,14 @@ height: 18px; } } + + @media(min-width: 768px) { + /* On desktop, some dialogs look bad if they expand to fit all the way. So we shrink + them to fit if shrinkWidthToFit is true.*/ + .modal-dialog-contents.shrink-width-to-fit { + flex: none; + } + } \ No newline at end of file + diff --git a/src/routes/_components/dialog/components/StatusOptionsDialog.html b/src/routes/_components/dialog/components/StatusOptionsDialog.html index cf3b5355..a869ad23 100644 --- a/src/routes/_components/dialog/components/StatusOptionsDialog.html +++ b/src/routes/_components/dialog/components/StatusOptionsDialog.html @@ -2,6 +2,7 @@ {id} {label} {title} + shrinkWidthToFit={true} background="var(--main-bg)" >