ui-soxo-bootstrap-core 2.6.52 → 2.6.54
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.
|
@@ -348,8 +348,8 @@ const MenuLists = ({ model, match, relativeAdd = false, additional_queries = [],
|
|
|
348
348
|
);
|
|
349
349
|
|
|
350
350
|
return (
|
|
351
|
-
<Card className="generic-list">
|
|
352
|
-
<div style={{ marginBottom: 16 }}>
|
|
351
|
+
<Card className="generic-list menu-lists">
|
|
352
|
+
<div className="menu-lists__header" style={{ marginBottom: 16 }}>
|
|
353
353
|
<div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 16 }}>
|
|
354
354
|
<Search placeholder="Search menus & sub-menus…" allowClear style={{ width: 300, marginBottom: '0px' }} onChange={onSearch} />
|
|
355
355
|
|
|
@@ -399,10 +399,10 @@ const MenuLists = ({ model, match, relativeAdd = false, additional_queries = [],
|
|
|
399
399
|
</div>
|
|
400
400
|
)}
|
|
401
401
|
</div>
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
402
|
+
<div className="menu-lists__body">
|
|
403
|
+
{loading ? (
|
|
404
|
+
<Skeleton active />
|
|
405
|
+
) : (
|
|
406
406
|
<>
|
|
407
407
|
{/* {!view ? ( */}
|
|
408
408
|
<Card>
|
|
@@ -468,8 +468,8 @@ const MenuLists = ({ model, match, relativeAdd = false, additional_queries = [],
|
|
|
468
468
|
<CardList model={model} data={filtered ? filtered : records} />
|
|
469
469
|
)} */}
|
|
470
470
|
</>
|
|
471
|
-
|
|
472
|
-
|
|
471
|
+
)}
|
|
472
|
+
</div>
|
|
473
473
|
|
|
474
474
|
<Drawer title={drawerTitle} open={drawerVisible} width="80%" destroyOnClose onClose={() => setDrawerVisible(false)}>
|
|
475
475
|
{model.ModalAddComponent && (
|
|
@@ -1,3 +1,30 @@
|
|
|
1
|
+
/* Keep the search / order switch / create button row pinned while only the
|
|
2
|
+
menu cards below scroll. */
|
|
3
|
+
.menu-lists {
|
|
4
|
+
height: calc(100vh - 100px);
|
|
5
|
+
display: flex;
|
|
6
|
+
flex-direction: column;
|
|
7
|
+
|
|
8
|
+
> .ant-card-body {
|
|
9
|
+
display: flex;
|
|
10
|
+
flex-direction: column;
|
|
11
|
+
flex: 1 1 auto;
|
|
12
|
+
min-height: 0;
|
|
13
|
+
overflow: hidden;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.menu-lists__header {
|
|
17
|
+
flex: 0 0 auto;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.menu-lists__body {
|
|
21
|
+
flex: 1 1 auto;
|
|
22
|
+
min-height: 0;
|
|
23
|
+
overflow-y: auto;
|
|
24
|
+
overflow-x: hidden;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
|
|
1
28
|
.custom-collapse {
|
|
2
29
|
background: transparent !important;
|
|
3
30
|
border: none !important;
|