diff --git a/packages/desktop-client/src/components/common/InputWithContent.tsx b/packages/desktop-client/src/components/common/InputWithContent.tsx index ca8007f9b5369f1456e0e005b53eb40245853330..d7cb8b93a96e02f46b75e0bd09e91eaa29910f74 100644 --- a/packages/desktop-client/src/components/common/InputWithContent.tsx +++ b/packages/desktop-client/src/components/common/InputWithContent.tsx @@ -44,6 +44,7 @@ export function InputWithContent({ {...props} focused={focused} style={{ + width: '100%', ...inputStyle, flex: 1, '&, &:focus, &:hover': { diff --git a/packages/desktop-client/src/components/common/Modal2.tsx b/packages/desktop-client/src/components/common/Modal2.tsx index 1f0c444aace9625879d16fcc693b6b0f2dffcf30..2de38db98014f0300b5139f2fd25765cace79da3 100644 --- a/packages/desktop-client/src/components/common/Modal2.tsx +++ b/packages/desktop-client/src/components/common/Modal2.tsx @@ -15,6 +15,7 @@ import { import { useHotkeysContext } from 'react-hotkeys-hook'; import { AutoTextSize } from 'auto-text-size'; +import { css } from 'glamor'; import { useModalState } from '../../hooks/useModalState'; import { AnimatedLoading } from '../../icons/AnimatedLoading'; @@ -89,6 +90,7 @@ export const Modal = ({ {modalProps => ( <Dialog aria-label="Modal dialog" + className={`${css(styles.lightScrollbar)}`} style={{ outline: 'none', // remove focus outline }} @@ -113,12 +115,12 @@ export const Modal = ({ [`@media (min-width: ${tokens.breakpoint_small})`]: { minWidth: tokens.breakpoint_small, }, + overflowY: 'auto', ...styles.shadowLarge, - ...styles.lightScrollbar, ...containerProps?.style, }} > - <View style={{ paddingTop: 0, flex: 1 }}> + <View style={{ paddingTop: 0, flex: 1, flexShrink: 0 }}> {typeof children === 'function' ? children(modalProps) : children} diff --git a/upcoming-release-notes/3161.md b/upcoming-release-notes/3161.md new file mode 100644 index 0000000000000000000000000000000000000000..980413fe218efb92315e83e2c9bbef584c796e9a --- /dev/null +++ b/upcoming-release-notes/3161.md @@ -0,0 +1,6 @@ +--- +category: Bugfix +authors: [MatissJanis, MikesGlitch] +--- + +Allow modal content to be vertically scrollable.