ls-pro-common 1.0.63 → 1.0.65

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.
package/dist/common.css CHANGED
@@ -57,6 +57,19 @@ body {
57
57
  padding: 5px 14px;
58
58
  border-bottom: 1px solid #f0f0f0;
59
59
  }
60
+ .dtl-layout .dtl-header .dtl-back {
61
+ display: flex;
62
+ align-items: center;
63
+ padding-right: 5px;
64
+ }
65
+ .dtl-layout .dtl-header .dtl-back > span {
66
+ padding: 3px;
67
+ border-radius: 2px;
68
+ }
69
+ .dtl-layout .dtl-header .dtl-back > span:hover {
70
+ background: var(--ant-primary-2);
71
+ color: var(--ant-primary-color);
72
+ }
60
73
  .dtl-layout .dtl-header .dtl-title {
61
74
  font-size: 14pt;
62
75
  }
@@ -115,6 +128,23 @@ body {
115
128
  padding-top: 20%;
116
129
  background: #fff;
117
130
  }
131
+ #myloading {
132
+ position: fixed;
133
+ top: 0;
134
+ left: 0;
135
+ bottom: 0;
136
+ right: 0;
137
+ z-index: 9999;
138
+ display: flex;
139
+ align-items: center;
140
+ background-color: rgba(226, 227, 231, 0.9);
141
+ justify-content: center;
142
+ }
143
+ #myloading .load-text {
144
+ padding: 4px 20px;
145
+ background-color: #fff;
146
+ border-radius: 4px;
147
+ }
118
148
  .ant-btn {
119
149
  border-radius: 4px;
120
150
  border-color: var(--ant-primary-color);
@@ -185,6 +215,11 @@ a:hover {
185
215
  max-height: calc(100vh - 180px);
186
216
  overflow-y: auto;
187
217
  }
218
+ .ant-btn {
219
+ height: 28px;
220
+ line-height: 1.2;
221
+ padding: 2px 15px;
222
+ }
188
223
 
189
224
  .pro-table-tooltip-text span {
190
225
  color: #fff;
@@ -214,7 +249,7 @@ a:hover {
214
249
  margin: -12px -8px;
215
250
  }
216
251
  .ant-pro-table .ant-card-body {
217
- padding: 15px;
252
+ padding: 8px 24px;
218
253
  }
219
254
  .ant-pro-table-srcoll {
220
255
  height: 100%;
@@ -253,11 +288,10 @@ a:hover {
253
288
  height: 100%;
254
289
  display: flex;
255
290
  flex-direction: column;
256
- border-right: 1px solid #f0f0f0;
257
- border-bottom: 1px solid #f0f0f0;
258
291
  }
259
292
  .ant-pro-table-srcoll .ant-card .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container div.ant-table-body {
260
293
  flex: 1;
294
+ overflow: auto !important;
261
295
  }
262
296
  .ant-pro-table-srcoll .ant-table.ant-table-small .ant-table-title,
263
297
  .ant-pro-table-srcoll .ant-table.ant-table-small .ant-table-footer,
@@ -273,6 +307,15 @@ a:hover {
273
307
  .ant-pro-table-srcoll .ant-table-placeholder td {
274
308
  border-bottom: none;
275
309
  }
310
+ .ls-pro-table-mini .ant-table.ant-table-small .ant-table-title,
311
+ .ls-pro-table-mini .ant-table.ant-table-small .ant-table-footer,
312
+ .ls-pro-table-mini .ant-table.ant-table-small .ant-table-thead > tr > th,
313
+ .ls-pro-table-mini .ant-table.ant-table-small .ant-table-tbody > tr > td,
314
+ .ls-pro-table-mini .ant-table.ant-table-small tfoot > tr > th,
315
+ .ls-pro-table-mini .ant-table.ant-table-small tfoot > tr > td {
316
+ padding: 7px 5px;
317
+ font-size: 12px;
318
+ }
276
319
  .ls-pro-table .ant-table-tbody tr:nth-of-type(odd) {
277
320
  background-color: #f7fafc;
278
321
  }
@@ -295,6 +338,9 @@ a:hover {
295
338
  .ls-pro-table .ant-table-tbody > tr.ant-table-row:hover > td {
296
339
  background-color: #E6F5FF;
297
340
  }
341
+ .ls-pro-table .ant-table-tbody .ant-table-column-sort {
342
+ background: inherit;
343
+ }
298
344
  .ls-pro-table .ant-table-thead tr th {
299
345
  background-color: #f5f9ff;
300
346
  }
@@ -388,6 +434,12 @@ a:hover {
388
434
  .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-xl {
389
435
  width: 552px;
390
436
  }
437
+ .ant-form-item-label > label {
438
+ color: #666;
439
+ }
440
+ .ant-form-item-control-input-content {
441
+ color: #333;
442
+ }
391
443
 
392
444
  .ant-pro-form-group-title {
393
445
  margin-bottom: 16px;
@@ -722,11 +774,14 @@ a:hover {
722
774
  }
723
775
 
724
776
  .ant-pro-table-search {
725
- margin-bottom: 10px;
726
- padding: 15px;
777
+ margin-bottom: 0;
778
+ padding: 8px 24px;
727
779
  padding-bottom: 0;
728
780
  background: #fff;
729
781
  }
782
+ .ant-pro-table-search > .ant-pro-form-query-filter {
783
+ border-bottom: 1px solid #f0f2f5;
784
+ }
730
785
  .ant-pro-table-search::before {
731
786
  display: table;
732
787
  content: '';
@@ -2104,7 +2159,7 @@ html {
2104
2159
  margin: -12px -8px;
2105
2160
  }
2106
2161
  .ant-pro-table .ant-card-body {
2107
- padding: 15px;
2162
+ padding: 8px 24px;
2108
2163
  }
2109
2164
  .ant-pro-table-srcoll {
2110
2165
  height: 100%;
@@ -2143,11 +2198,10 @@ html {
2143
2198
  height: 100%;
2144
2199
  display: flex;
2145
2200
  flex-direction: column;
2146
- border-right: 1px solid #f0f0f0;
2147
- border-bottom: 1px solid #f0f0f0;
2148
2201
  }
2149
2202
  .ant-pro-table-srcoll .ant-card .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container div.ant-table-body {
2150
2203
  flex: 1;
2204
+ overflow: auto !important;
2151
2205
  }
2152
2206
  .ant-pro-table-srcoll .ant-table.ant-table-small .ant-table-title,
2153
2207
  .ant-pro-table-srcoll .ant-table.ant-table-small .ant-table-footer,
@@ -2163,6 +2217,15 @@ html {
2163
2217
  .ant-pro-table-srcoll .ant-table-placeholder td {
2164
2218
  border-bottom: none;
2165
2219
  }
2220
+ .ls-pro-table-mini .ant-table.ant-table-small .ant-table-title,
2221
+ .ls-pro-table-mini .ant-table.ant-table-small .ant-table-footer,
2222
+ .ls-pro-table-mini .ant-table.ant-table-small .ant-table-thead > tr > th,
2223
+ .ls-pro-table-mini .ant-table.ant-table-small .ant-table-tbody > tr > td,
2224
+ .ls-pro-table-mini .ant-table.ant-table-small tfoot > tr > th,
2225
+ .ls-pro-table-mini .ant-table.ant-table-small tfoot > tr > td {
2226
+ padding: 7px 5px;
2227
+ font-size: 12px;
2228
+ }
2166
2229
  .ls-pro-table .ant-table-tbody tr:nth-of-type(odd) {
2167
2230
  background-color: #f7fafc;
2168
2231
  }
@@ -2185,6 +2248,9 @@ html {
2185
2248
  .ls-pro-table .ant-table-tbody > tr.ant-table-row:hover > td {
2186
2249
  background-color: #E6F5FF;
2187
2250
  }
2251
+ .ls-pro-table .ant-table-tbody .ant-table-column-sort {
2252
+ background: inherit;
2253
+ }
2188
2254
  .ls-pro-table .ant-table-thead tr th {
2189
2255
  background-color: #f5f9ff;
2190
2256
  }
@@ -2469,11 +2535,15 @@ html {
2469
2535
  }
2470
2536
 
2471
2537
  .ant-pro-table-alert {
2472
- margin-bottom: 12px;
2538
+ position: absolute;
2539
+ bottom: 16px;
2540
+ margin-left: 8px;
2473
2541
  }
2474
2542
  .ant-pro-table-alert .ant-alert.ant-alert-no-icon {
2475
2543
  height: 32px;
2476
- padding: 7px 30px;
2544
+ padding: 0px;
2545
+ background-color: transparent;
2546
+ border: none;
2477
2547
  }
2478
2548
  .ant-pro-table-alert-info {
2479
2549
  display: flex;