orc-shared 1.1.1 → 1.1.2
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.
|
@@ -49,7 +49,11 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
|
49
49
|
backgroundColor: theme.palette.grey.light,
|
|
50
50
|
border: "1px solid ".concat(theme.palette.grey.borders),
|
|
51
51
|
boxShadow: "0 2px 4px rgba(0,0,0,0.5)",
|
|
52
|
-
width: theme.spacing(50)
|
|
52
|
+
width: theme.spacing(50),
|
|
53
|
+
display: "flex"
|
|
54
|
+
},
|
|
55
|
+
scopeContainer: {
|
|
56
|
+
width: "100%"
|
|
53
57
|
},
|
|
54
58
|
scopeSelector: {
|
|
55
59
|
display: "flex",
|
|
@@ -108,7 +112,9 @@ var ScopeSelector = function ScopeSelector(_ref) {
|
|
|
108
112
|
onClickAway: function onClickAway(e) {
|
|
109
113
|
return closeSelector(e);
|
|
110
114
|
}
|
|
111
|
-
}, /*#__PURE__*/_react.default.createElement("div",
|
|
115
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
116
|
+
className: classes.scopeContainer
|
|
117
|
+
}, show ? scopeSelectorContent : null)));
|
|
112
118
|
|
|
113
119
|
return scopeSelector;
|
|
114
120
|
};
|
package/package.json
CHANGED
|
@@ -16,6 +16,10 @@ const useStyles = makeStyles(theme => ({
|
|
|
16
16
|
border: `1px solid ${theme.palette.grey.borders}`,
|
|
17
17
|
boxShadow: "0 2px 4px rgba(0,0,0,0.5)",
|
|
18
18
|
width: theme.spacing(50),
|
|
19
|
+
display: "flex",
|
|
20
|
+
},
|
|
21
|
+
scopeContainer: {
|
|
22
|
+
width: "100%",
|
|
19
23
|
},
|
|
20
24
|
scopeSelector: {
|
|
21
25
|
display: "flex",
|
|
@@ -64,7 +68,7 @@ const ScopeSelector = ({ show, getScope, selectedScope, closeSelector, filter, u
|
|
|
64
68
|
<Sidepanel className={classes.container} in={show} timeout={300}>
|
|
65
69
|
<ClickAwayListener onClickAway={e => closeSelector(e)}>
|
|
66
70
|
{/* this div is required since ClickAwayListener child element should be able to hold ref */}
|
|
67
|
-
<div>{show ? scopeSelectorContent : null}</div>
|
|
71
|
+
<div className={classes.scopeContainer}>{show ? scopeSelectorContent : null}</div>
|
|
68
72
|
</ClickAwayListener>
|
|
69
73
|
</Sidepanel>
|
|
70
74
|
);
|