bright-components 10.2.0 → 10.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -11,6 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
11
11
|
|
|
12
12
|
const ModalBody = _styledComponents.default.div`
|
|
13
13
|
padding: ${props => props.noPadding ? '0px' : _spacing.default.s2};
|
|
14
|
+
overflow-y: auto;
|
|
14
15
|
`;
|
|
15
16
|
ModalBody.displayName = 'ModalBody';
|
|
16
17
|
/* @component */
|
|
@@ -55,6 +55,8 @@ const Background = _styledComponents.default.div`
|
|
|
55
55
|
align-items: center;
|
|
56
56
|
`;
|
|
57
57
|
const ModalContainer = _styledComponents.default.div`
|
|
58
|
+
display: flex;
|
|
59
|
+
flex-direction: column;
|
|
58
60
|
background: white;
|
|
59
61
|
position: relative;
|
|
60
62
|
width: ${props => props.width};
|
|
@@ -64,7 +66,6 @@ const ModalContainer = _styledComponents.default.div`
|
|
|
64
66
|
border-radius: ${_vars.default.borderRadius};
|
|
65
67
|
max-height: 90%;
|
|
66
68
|
overflow-x: hidden;
|
|
67
|
-
overflow-y: auto;
|
|
68
69
|
${props => props.version === '1' && '-webkit-overflow-scrolling: touch'};
|
|
69
70
|
|
|
70
71
|
${props => props.allowOverflow && (0, _styledComponents.css)`
|
package/package.json
CHANGED
|
@@ -34,6 +34,8 @@ const Background = styled.div`
|
|
|
34
34
|
`;
|
|
35
35
|
|
|
36
36
|
const ModalContainer = styled.div`
|
|
37
|
+
display: flex;
|
|
38
|
+
flex-direction: column;
|
|
37
39
|
background: white;
|
|
38
40
|
position: relative;
|
|
39
41
|
width: ${props => props.width};
|
|
@@ -43,7 +45,6 @@ const ModalContainer = styled.div`
|
|
|
43
45
|
border-radius: ${vars.borderRadius};
|
|
44
46
|
max-height: 90%;
|
|
45
47
|
overflow-x: hidden;
|
|
46
|
-
overflow-y: auto;
|
|
47
48
|
${props => props.version === '1' && '-webkit-overflow-scrolling: touch'};
|
|
48
49
|
|
|
49
50
|
${props =>
|
|
@@ -133,7 +133,6 @@ describe('<Modal />', () => {
|
|
|
133
133
|
const modalContainer = wrapper.getByRole('region');
|
|
134
134
|
|
|
135
135
|
expect(modalContainer).toHaveStyleRule('overflow-x', 'hidden');
|
|
136
|
-
expect(modalContainer).toHaveStyleRule('overflow-y', 'auto');
|
|
137
136
|
|
|
138
137
|
wrapper.rerender(
|
|
139
138
|
<Modal close={closeFn} allowOverflow>
|