diff --git a/src/routes/_components/dialog/components/AccountProfileOptionsDialog.html b/src/routes/_components/dialog/components/AccountProfileOptionsDialog.html index b7ce5cd..e476350 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 7f16609..768f041 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 1a4c6c1..4e9f9cd 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 c6b8c57..0b2980a 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 48745e5..aed8309 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 cf3b535..a869ad2 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)" >