asab_webui_shell 27.5.1 → 27.5.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.
|
@@ -99,7 +99,9 @@ function Sidebar(props) {
|
|
|
99
99
|
setSidebarBottomBranding((0, _BrandImage.getBrandImage)(props, theme, 'sidebarLogo'));
|
|
100
100
|
}, [theme]);
|
|
101
101
|
var toggleSidebarModal = () => setIsSmallResolution(!isSmallResolution);
|
|
102
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, windowWidth <= 768 ? /*#__PURE__*/_react.default.createElement(
|
|
102
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, windowWidth <= 768 ? /*#__PURE__*/_react.default.createElement("div", {
|
|
103
|
+
id: "app-sidebar"
|
|
104
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
103
105
|
onClick: toggleSidebarModal
|
|
104
106
|
}, /*#__PURE__*/_react.default.createElement("i", {
|
|
105
107
|
className: "bi ms-2 bi-list text-primary fs-1"
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
@page print-portrait {
|
|
2
|
-
size:
|
|
2
|
+
size: a4 portrait;
|
|
3
|
+
margin: 10mm;
|
|
3
4
|
}
|
|
4
5
|
|
|
5
6
|
@page print-landscape {
|
|
6
|
-
size:
|
|
7
|
-
margin:
|
|
7
|
+
size: a4 landscape;
|
|
8
|
+
margin: 10mm;
|
|
8
9
|
}
|
|
9
10
|
|
|
10
11
|
@media print {
|
|
@@ -79,7 +80,7 @@
|
|
|
79
80
|
--table-row-hover-bg-color-rgb: var(--soft-gray-rgb);
|
|
80
81
|
|
|
81
82
|
&.print-portrait {
|
|
82
|
-
width:
|
|
83
|
+
width: 1200px;
|
|
83
84
|
}
|
|
84
85
|
|
|
85
86
|
#app {
|
|
@@ -95,25 +96,7 @@
|
|
|
95
96
|
.card {
|
|
96
97
|
box-shadow: none !important;
|
|
97
98
|
border: 0 !important;
|
|
98
|
-
.card-header {
|
|
99
|
-
background-color: var(--white);
|
|
100
|
-
&.print-card-header {
|
|
101
|
-
min-height: auto;
|
|
102
|
-
.flex-fill {
|
|
103
|
-
height: auto;
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
99
|
|
|
107
|
-
i:not(.text-warning) {
|
|
108
|
-
display: none !important;
|
|
109
|
-
}
|
|
110
|
-
h3 {
|
|
111
|
-
font-size: 32px !important;
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
.card-body {
|
|
115
|
-
color: inherit !important;
|
|
116
|
-
}
|
|
117
100
|
.card-footer, .card-footer-flex, .input-group {
|
|
118
101
|
display: none !important;
|
|
119
102
|
}
|
|
@@ -165,48 +148,25 @@
|
|
|
165
148
|
}
|
|
166
149
|
}
|
|
167
150
|
|
|
151
|
+
// Taken from here: https://github.com/react-grid-layout/react-grid-layout/issues/589
|
|
168
152
|
|
|
169
|
-
.
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
.react-grid-item {
|
|
179
|
-
display: inline-block;
|
|
180
|
-
position: unset !important;
|
|
181
|
-
transform: unset !important;
|
|
182
|
-
text-align: initial;
|
|
183
|
-
break-inside: avoid;
|
|
184
|
-
}
|
|
185
|
-
.react-grid-item:not(:has(.recharts-responsive-container)) {
|
|
186
|
-
height: initial !important; /* Allow table widgets to expand and show all content */
|
|
187
|
-
}
|
|
153
|
+
.react-grid-item {
|
|
154
|
+
position: unset !important;
|
|
155
|
+
transform: unset !important;
|
|
156
|
+
margin: 10px;
|
|
157
|
+
display: inline-block;
|
|
158
|
+
|
|
159
|
+
> div {
|
|
160
|
+
page-break-inside: avoid;
|
|
161
|
+
break-inside: avoid;
|
|
188
162
|
}
|
|
189
163
|
}
|
|
190
|
-
|
|
191
|
-
.
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
position: static !important;
|
|
195
|
-
height: initial !important;
|
|
196
|
-
.react-grid-item {
|
|
197
|
-
display: block !important; /*avoid widgets breaking on transition between pages*/
|
|
198
|
-
margin: 0 auto 20px;
|
|
199
|
-
position: static !important;
|
|
200
|
-
width: initial !important; /* Alternatively, set "width: initial !important;" */
|
|
201
|
-
break-inside: avoid;
|
|
202
|
-
page-break-inside: avoid; /*avoid widgets breaking on transition between pages*/
|
|
203
|
-
}
|
|
204
|
-
.react-grid-item:not(:has(.recharts-responsive-container)) {
|
|
205
|
-
height: initial !important;
|
|
206
|
-
}
|
|
207
|
-
}
|
|
208
|
-
}
|
|
164
|
+
|
|
165
|
+
.react-grid-layout {
|
|
166
|
+
height: unset !important;
|
|
167
|
+
display: table;
|
|
209
168
|
}
|
|
169
|
+
|
|
210
170
|
}
|
|
211
171
|
|
|
212
172
|
}
|