(Figma is leading here, but I've tried to extract salient details.) - website modals default to 400px wide (should probably set in `em` so that we scale up if the user has custom text sizes), shrink if there's no room; - Firefox modal width TBD - height maxes out at viewport height -10% (5 at the top, 5 at the bottom) - long wrapped messages overflow with a fade-out at the bottom - Break words for text that would overflow horizontally - 8px border radius - box shadow of `0px 2px 14px rgba(58, 57, 68, 0.2);` - 16px space from the edge to all the content (top to title, start to text / checkbox, bottom and end to buttons) - bold font for the header / title for Firefox dialogs, non-bold for cases where we show a domain (x-ref bug 1693008) - standard background and button colours / components ("large", so the 8px variants)
Bug 1693277 Comment 0 Edit History
Note: The actual edited comment in the bug view page will always show the original commenter’s name and original timestamp.
(Figma is leading here, but I've tried to extract salient details.) - website modals default to 412px wide (should probably set in `em` so that we scale up if the user has custom text sizes), shrink if there's no room; - Firefox modals default to 412px but we make the bookmarks dialog wider - height maxes out at viewport height -10% (5 at the top, 5 at the bottom) - long wrapped messages overflow with a fade-out at the bottom - Break words for text that would overflow horizontally - 8px border radius - box shadow of `0px 2px 14px rgba(58, 57, 68, 0.2);` - 16px space from the edge to all the content (top to title, start to text / checkbox, bottom and end to buttons) - bold font for the header / title for Firefox dialogs, non-bold for cases where we show a domain (x-ref bug 1693008) - standard background and button colours / components ("large" buttons, so the 8px variants)
(Figma is leading here, but I've tried to extract salient details.) - website modals default to 412px wide (should probably set in `em` so that we scale up if the user has custom text sizes), shrink if there's no room; - Firefox modals default to 412px but we make the bookmarks dialog wider - height maxes out at viewport height -10% (5 at the top, 5 at the bottom) - long wrapped messages overflow with a fade-out at the bottom - Break words for text that would overflow horizontally - 8px border radius - box shadow of `0px 2px 14px rgba(58, 57, 68, 0.2);` - 16px space from the edge to all the content (top to title, start to text / checkbox, bottom and end to buttons) - bold font for the header / title for Firefox dialogs (x-ref bug 1693008) - standard background and button colours / components ("large" buttons, so the 8px variants)