@steedos-widgets/amis-object 6.10.1-beta.8 → 6.10.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.
@@ -1,3121 +0,0 @@
1
- :root {
2
- --body-bg: white;
3
- --body-color: #181818;
4
- --body-size: 14px;
5
- --Page-main-bg: transparent;
6
- --Form-mode-default-labelGap: 2px;
7
- --Form-item-fontSize: 12px;
8
- --Form-item-fontColor: rgb(68, 68, 68);
9
- --Form-fontSize: 14px;
10
- --Form-selectValue-fontSize: 14px;
11
- --Form-item-gap: 0.75rem;
12
- /* --Table-color: #303030; */
13
- /* --Table-thead-color: #303030; */
14
- --Table-borderColor: #e5e7eb;
15
- --Table-borderWidth: 1px;
16
- --Table-fontSize: 13px;
17
- --Table-fixedRight-boxShadow: none;
18
- --Table-thead-borderColor: rgb(209 213 219);
19
- --Table-thead-fontSize: 13px;
20
- --Table-thead-bg: white;
21
- --Table-thead-borderColor: var(--Table-borderColor);
22
- --Table-toolbar-marginY: 0;
23
- --Table-thead-borderWidth: 1px;
24
- --Table-bg: white;
25
- --TableCell-paddingY: 0.4rem;
26
- --TableCell-paddingX: 0.5rem;
27
- --TableCell--edge-paddingX: 0.5rem;
28
- --text--muted-color: #d9dcde;
29
- --Collapse-content-fontSize: 14px;
30
- --Collapse-border: 0;
31
- --Collapse-header-fontSize: 16px;
32
- --Collapse-header-fontWeight: 400;
33
- --Collapse-header-onHover-bg: #EEEEEE;
34
- --Collapse-header-padding: 4px;
35
- --Collapse-content-padding: 4px;
36
- --collapse-default-bg-color: unset;
37
- --Button-height: 2rem;
38
- --Button-paddingX: 16px;
39
- --button-size-default-top-right-border-radius: 0.25rem;
40
- --button-size-default-top-left-border-radius: 0.25rem;
41
- --button-size-default-bottom-right-border-radius: 0.25rem;
42
- --button-size-default-bottom-left-border-radius: 0.25rem;
43
- --button-size-default-marginRight: 4px;
44
- --button-default-default-bg-color: white;
45
- --button-default-default-top-border-color: #c9c9c9;
46
- --button-default-default-bottom-border-color: #c9c9c9;
47
- --button-default-default-left-border-color: #c9c9c9;
48
- --button-default-default-right-border-color: #c9c9c9;
49
- --button-default-default-font-color: rgb(1, 118, 211);
50
- --button-enhance-default-bg-color: white;
51
- --Nav-item-borderRadius: 0px;
52
- --Nav-item-onHover-bg: rgba(21,137,238,.1);
53
- --Nav-item-onActive-bg: rgba(21,137,238,.1);
54
- --Nav-item-onActive-color: #000;
55
- --Nav-Item-maxWidth--tabs: 200px;
56
- --Crud-toolbar-gap: 2px;
57
- --DropDown-caret-marginLeft: 0;
58
- --Tabs--vertical-width: 180px;
59
- --Tabs-link-maxWidth: 180px;
60
- --Tabs-content-bg: unset;
61
- --drawer-content-paddingTop: 0;
62
- --fieldSet-legend-fontWeight: 600;
63
- --fieldSet-legend-marginTop: 1rem;
64
- --fieldSet-legend-marginBottom: 1rem;
65
- }
66
-
67
- /* 修正手机端字体小的问题 */
68
- @media (max-width: 767px) {
69
-
70
- :root {
71
- --button-size-default-fontSize: var(--fontSizeLg);
72
- --link-fontSize: var(--fontSizeLg);
73
- --Table-fontSize: var(--fontSizeLg);
74
- --Tabs--line-fontSize: var(--fontSizeLg);
75
- --Tabs--line-active-fontSize: var(--fontSizeLg);
76
- --Tabs--line-hover-fontSize: var(--fontSizeLg);
77
- --fieldSet-legend-fontSize: var(--fontSizeLg);
78
- --Pick-base-value-fontSize: var(--fontSizeLg);
79
- --dialog-header-fontSize: var(--fontSizeLg);
80
- --input-default-default-fontSize: var(--fontSizeLg);
81
- }
82
- .antd-Form .antd-Form-item input {
83
- font-size: var(--fontSizeLg);
84
- padding: 0 0.625rem 0 0.625rem;
85
- }
86
- }
87
-
88
- .steedos-header-container .antd-Nav-Menu {
89
- --Menu-light-backgroundColor: transparent;
90
- }
91
-
92
- fieldset.antd-Collapse {
93
- margin-bottom: 1rem;
94
- }
95
-
96
- /* fieldset.antd-Collapse > legend.antd-Collapse-header {
97
- border-left: 0;
98
- background: rgb(241 245 249);
99
- padding: 0.5rem;
100
- margin: 0;
101
- border-radius: 0.25rem;
102
- }
103
-
104
- fieldset.antd-Collapse > legend.antd-Collapse-header > .antd-Collapse-arrow:before {
105
- border-color: initial
106
- } */
107
-
108
- .amis-scope .antd-Select-option > label {
109
- display: block;
110
- min-width: 100px;
111
- }
112
-
113
- .is-inline .antd-Combo-items{
114
- justify-content: space-between !important;
115
- display: flex !important;
116
-
117
- }
118
-
119
- .is-inline .antd-Combo-items > :not([hidden]) ~ :not([hidden]) {
120
- --tw-space-x-reverse: 0 !important;
121
- margin-right: calc(0.25rem * var(--tw-space-x-reverse)) !important;
122
- margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))) !important;
123
- }
124
-
125
- .is-inline .antd-Combo-item{
126
- display: inline-block !important;
127
- flex: 1 1 0%;
128
- margin-top: 0 !important;
129
- }
130
-
131
- .steedos-listview .antd-List-toolbar{
132
- display: none;
133
- }
134
-
135
- @media (max-width: 768px){
136
- .ant-modal.antd-Modal--lg, .ant-modal.antd-Modal--xl, .ant-modal.antd-Modal--full{
137
- top: 0px !important;
138
- margin: 0px !important;
139
- max-width: 100% !important;
140
- padding-bottom: 0px !important;
141
- height: 100%;
142
- }
143
- .ant-modal-content {
144
- height: 100%;
145
- max-height: 100%;
146
- }
147
- }
148
-
149
- :focus:not(:focus-visible) {
150
- outline: 0;
151
- }
152
-
153
- /* fix: https://github.com/baidu/amis/issues/5073 */
154
- .antd-CBGroup-toolbar .antd-CBGroup-toolbarConditionAdd .antd-ButtonGroup>.antd-Button:first-child {
155
- margin-right: 1.5rem;
156
- }
157
-
158
-
159
- @media only screen and (min-width: 768px) {
160
- .antd-Modal .antd-Modal-content{
161
- max-height: calc(100vh - 100px);
162
- }
163
- }
164
-
165
- .antd-Modal-body {
166
- overflow: auto;
167
- }
168
-
169
-
170
- .antd-Nav-item.is-active {
171
- box-shadow:var(--link-color) 4px 0 0 inset;
172
- }
173
-
174
- .antd-Pagination > li > a, .antd-Pagination > li > span {
175
- display: flex;
176
- align-items: center;
177
- justify-content: center;
178
- }
179
-
180
- .rdtPicker table {
181
- border-collapse: separate;
182
- }
183
-
184
- .antd-DropDown-caret > svg {
185
- top: 0px;
186
- }
187
-
188
- /* start: amis , component Nav */
189
- :root {
190
- --Nav-Item-height--horizontal: 2.5rem;
191
- }
192
-
193
- .antd-Nav-Menu-submenu-arrow > svg {
194
- display: initial;
195
- }
196
-
197
- .antd-Nav-Menu-horizontal .antd-Nav-Menu-item.antd-Nav-Menu-item-selected:after {
198
- height: 3px;
199
- top: 0;
200
- bottom: unset;
201
- background: rgb(14 165 233);
202
- }
203
-
204
- .antd-Nav-Menu-light .antd-Nav-Menu-item {
205
- padding-right: 0.5rem;
206
- }
207
-
208
- .antd-Nav-Menu-light .antd-Nav-Menu-item.antd-Nav-Menu-item-selected {
209
- background: rgba(21,137,238,.1);
210
- }
211
-
212
- .antd-Nav-Menu-light .antd-Nav-Menu-item.antd-Nav-Menu-item-active {
213
- background: rgba(151, 151, 151, 0.1);
214
- }
215
-
216
- .antd-Nav-Menu-light .antd-Nav-Menu-submenu.antd-Nav-Menu-submenu-active .antd-Nav-Menu-submenu-title{
217
- background: rgba(151, 151, 151, 0.1);
218
- }
219
-
220
- .antd-Nav-Menu-light .antd-Nav-Menu-submenu.antd-Nav-Menu-submenu .antd-Nav-Menu-submenu-title .antd-Nav-Menu-item-link .antd-Nav-Menu-item-label {
221
- font-weight: bold !important;
222
- color: black !important;
223
- }
224
-
225
- .antd-Nav-Menu-horizontal > .antd-Nav-Menu-item-tooltip-wrap > .antd-Nav-Menu-item {
226
- padding: 0 15px;
227
- }
228
- /* end: amis component Nav */
229
-
230
- /* 处理amis debug 滚动条异常 */
231
- .AMISDebug-content{
232
- height: 100%;
233
- }
234
-
235
- .AMISDebug-content .AMISDebug-inspect{
236
- overflow: scroll;
237
- height: calc(100% - 40px);
238
- }
239
-
240
- .AMISDebug-content .AMISDebug-log{
241
- overflow: scroll;
242
- height: calc(100% - 40px);
243
- }
244
-
245
- /* nav下配置itemBadge属性后item不会自动撑开 */
246
- .antd-Nav-Menu-item-wrap .antd-Badge{
247
- width: -webkit-fill-available;
248
- }
249
-
250
-
251
- /* 实现弹框中的crud中的inputTree高度满屏,目前选人控件的左侧树样式 */
252
- .antd-Modal-body .antd-Crud .antd-Table .antd-Tree{
253
- max-height: unset;
254
- overflow: unset;
255
- }
256
-
257
- /* 手机端native时间控件样式 */
258
- @media (max-width: 768px){
259
- .steedos-combo-edit .antd-Form-row{
260
- display: flex !important;
261
- -moz-column-gap: unset !important;
262
- column-gap: unset !important;
263
- }
264
- .steedos-combo-edit .antd-Form::before{
265
- content: unset;
266
- }
267
-
268
- .steedos-combo-edit .antd-Form .antd-Form-item::after{
269
- content: unset;
270
- }
271
-
272
- .steedos-combo-edit .antd-Form .antd-Form-item{
273
- padding: 0;
274
- }
275
-
276
- .steedos-combo-edit{
277
- flex-wrap:nowrap !important;
278
- }
279
-
280
- .steedos-combo-edit .steedos-native-date .antd-TextControl-input input{
281
- min-width: 120px;
282
- align-items: start !important;
283
- }
284
-
285
- .steedos-combo-edit .steedos-native-time .antd-TextControl-input input{
286
- min-width: 70px;
287
- }
288
- }
289
-
290
- /* TODO: amis3.2.0 .antd-Nav-Menu-item-link类中缺少flex,影响nav样式 */
291
- .antd-Nav-Menu-item-link{
292
- display: flex;
293
- align-items: center;
294
- }
295
-
296
- /* TODO: amis3.2.0 .antd-Nav类中多了background属性,影响nav样式 */
297
- .antd-Nav{
298
- background-color: unset;
299
- }
300
-
301
- /* TODO: amis3.2.0 fieldset.antd-Collapse > legend类中多了background属性,影响分组样式 */
302
- fieldset.antd-Collapse > legend{
303
- height: unset;
304
- width: unset;
305
- }
306
-
307
- /* crud中的快速搜索框样式改成与按钮风格统一的边框 */
308
- .antd-Crud .antd-Crud-toolbar .antd-SearchBox.is-active{
309
- border-color: var(--button-default-default-top-border-color);
310
- }
311
-
312
- /* crud中的快速搜索框图标没对齐 */
313
- .antd-Crud .antd-Crud-toolbar .antd-SearchBox.is-active svg.icon{
314
- top: unset
315
- }
316
-
317
- /*
318
- .antd-Crud-toolbar .antd-Crud-toolbar-item中每个.antd-Button--size-default 使用了变量 var(--button-size-default-marginRight) 右侧会有margin,
319
- 移除最后一个(按元素的所在位置其实是每一个,因为有float right所以界面上显示的是最后一个)按钮的右侧margin来实现整行左右边距对齐
320
- */
321
- .antd-Crud .antd-Crud-toolbar .antd-Crud-toolbar-item.antd-Crud-toolbar-item--right:not(.antd-Crud-toolbar-item.antd-Crud-toolbar-item--right + .antd-Crud-toolbar-item.antd-Crud-toolbar-item--right) .antd-Button{
322
- margin-right: 0;
323
- }
324
-
325
- /* crud中的顶部选中项未垂直居中 */
326
- .antd-Crud .antd-Crud-selection{
327
- padding: var(--gap-sm);
328
- /* border-bottom: 1px solid var(--Table-thead-borderColor); */
329
- margin-bottom: 0;
330
- }
331
-
332
- .bg-white {
333
- color: var(--body-color);
334
- }
335
-
336
- .antd-SearchBox.is-mobile {
337
- border: var(--Form-input-borderWidth) solid transparent;
338
- border-radius: var(--Form-input-borderRadius);
339
- }
340
-
341
- .antd-Picker .antd-Picker-input .antd-Picker-values .antd-Picker-value{
342
- /* lookup字段值选中项值字符很多超长时换行,包括单选和多选 */
343
- white-space: break-spaces;
344
- word-break: break-all;
345
- }
346
-
347
- .steedos-crud-mode-cards .antd-Card-actions a[disabled]{
348
- box-shadow: none;
349
- cursor: not-allowed
350
- }
351
- .steedos-crud-mode-cards .antd-Card-actions a[disabled]:hover{
352
- color: rgba(0,0,0,.25)
353
- }
354
-
355
- .antd-Transfer .antd-GroupedSelection-item .antd-GroupedSelection-itemLabel,
356
- .antd-Transfer .antd-Selections-item .antd-Selections-label{
357
- overflow: hidden;
358
- text-overflow: ellipsis;
359
- white-space: nowrap;
360
- }
361
-
362
- /* amis3.6.3 .antd-Tree-itemText类中缺了flex样式 */
363
- .antd-Tree-itemText{
364
- flex: 1 auto;
365
- }
366
- /* amis3.6.3 .antd-Picker-input类中多了 overflow: auto; 样式 */
367
- .antd-Picker-input{
368
- overflow: hidden;
369
- }
370
-
371
-
372
- /* === amis 3.6 子表组件showIndex设置为false隐藏索引列后,且有嵌套行存在时,第一列样式顶部都多了空白半行 start === */
373
- /* .antd-InputTable .antd-Table-primayCell .antd-Table-indent{
374
- display: none;
375
- }
376
-
377
- .antd-InputTable .antd-Table-primayCell .antd-Table-expandSpace{
378
- display: none;
379
- } */
380
- /* === end === */
381
-
382
- /* === amis 3.6 子表组件showIndex设置为false隐藏索引列后,children子行缩进样式末生效 start === */
383
- /* .antd-InputTable .antd-Table-tr--2th .antd-Table-primayCell .antd-Table-expandSpace{
384
- display: block;
385
- height: 1rem;
386
- float: left;
387
- } */
388
- /* === end === */
389
-
390
- .steedos-record-related-crud .antd-Table-table > thead > tr > th:not(:last-child) {
391
- border-right: 0px;
392
- }
393
-
394
- .steedos-crud-mode-table .antd-Table-table > thead > tr > th:not(:last-child) {
395
- border-right: 0px;
396
- }
397
-
398
- .antd-Table-table > thead > tr > th {
399
- font-weight: 600;
400
- }
401
-
402
- .antd-Table-footToolbar {
403
- background: white;
404
- }
405
-
406
- .antd-Drawer--right .antd-Drawer-close{
407
- z-index: 11;
408
- }
409
-
410
-
411
- .antd-Drawer--lg .antd-Drawer-content{
412
- width: 60rem;
413
- }
414
-
415
-
416
- .antd-PopOver{
417
- z-index: 1360;
418
- }
419
-
420
- .antd-Tabs-linksWrapper {
421
- border-right: var(--Table-borderWidth) solid var(--Table-borderColor)
422
- }
423
-
424
- .antd-Form-label {
425
- font-weight: 600;
426
- }
427
-
428
- /* 修正lookup 字段显示没有上下居中的问题 */
429
- .antd-Picker .antd-Picker-value {
430
- margin-bottom: 0;
431
- margin-top: 0;
432
- }
433
-
434
- .antd-Picker .antd-Picker-valueWrap {
435
- margin-bottom: unset;
436
- }
437
-
438
- /* 穿梭器右侧表格内选中项文字内容偏高,amis本身存在问题 */
439
- .antd-Transfer .antd-Transfer-result .antd-Selections-item .antd-Selections-label{
440
- margin: 0;
441
- display: inline-flex;
442
- }
443
- /* 组合穿梭器左侧滚动条异常,比如列表视图排序tab,amis未重现 */
444
- .antd-Transfer.antd-TabsTransfer .antd-GroupedSelection-item label.antd-Checkbox {
445
- position: relative;
446
- }
447
-
448
- /* input-table表头不要分隔线,统一风格 */
449
- .antd-InputTable .antd-Table-table > thead > tr > th:not(:last-child) {
450
- border-right: none;
451
- }
452
-
453
- /* amis升级到6.3.0后配置了menuTpl属性的input-tree组件,菜单项内的wrapper组件宽度计算出bug了,需要指定宽度为100% */
454
- .antd-Tree .antd-Tree-list .antd-Tree-item .antd-Tree-itemLabel-item .antd-Tree-itemText >.antd-Wrapper{
455
- width: 100%;
456
- }
457
-
458
- @media (max-width: 768px){
459
- .antd-Modal-footer{
460
- flex-wrap: wrap;
461
- }
462
- .antd-Modal-footer .antd-Dialog-info{
463
- flex-basis: 100%;
464
- text-align: center;
465
- margin-bottom: 0.5rem;
466
- }
467
- }
468
-
469
- /* 设计器内字段布局样式 */
470
- /* .steedos-amis-form.steedos-field-layout-page .antd-Collapse .antd-Form--normal>div[data-editor-id]{
471
- display: contents;
472
- } */
473
-
474
-
475
- /* 修正 DropButton 组件的样式 */
476
- .antd-DropDown-menu-root {
477
- margin-top: 0;
478
- }
479
-
480
- .ant-dropdown{
481
- z-index: 1400;
482
- }
483
-
484
- .ant-dropdown-menu-item {
485
- padding: 0;
486
- }
487
-
488
- .ant-dropdown-menu-item .antd-Button.antd-Button--default{
489
- border: none;
490
- width: 100%;
491
- text-align: left;
492
- background: transparent;
493
- background-color: transparent;
494
- }
495
-
496
- .ant-dropdown-menu-item .antd-Button--default:not(:disabled):not(.is-disabled):hover {
497
- background: transparent;
498
- background-color: transparent;
499
- }
500
-
501
-
502
- .ant-message{
503
- z-index: 2600;
504
- }
505
-
506
- .ant-modal-root .amis-scope .antd-Panel-footerWrap{
507
- position: sticky;
508
- width: 100%;
509
- bottom: 0px;
510
- background: #ffffff
511
- }
512
-
513
- .antd-Select--multi .antd-Select-valueWrap{
514
- display: flex;
515
- }
516
- .antd-Select--multi .antd-Select-valueWrap .antd-Select-value{
517
- display: flex;
518
- align-items: center;
519
- }
520
-
521
- .antd-ButtonGroup > .antd-Button {
522
- max-width: none !important;
523
- }
524
-
525
-
526
- /* env.notify时的toast样式参考amis toast,而不是使用antd本身的样式效果 */
527
- .ant-message {
528
- top: var(--gap-base);
529
- left: 50%;
530
- transform: translateX(-50%);
531
- max-width: var(--Toast-width);
532
- }
533
-
534
- .ant-message .ant-message-notice {
535
- padding: 2px 0;
536
- max-width: var(--Toast-width);
537
- margin: 0 4px;
538
- }
539
-
540
- .ant-message .ant-message-notice .ant-message-notice-content {
541
- width: 100%;
542
- padding: var(--Toast-paddingY) var(--Toast-paddingX);
543
- border-radius: var(--Toast-borderRadius);
544
- }
545
-
546
- .ant-message .ant-message-notice .ant-message-notice-content .ant-message-custom-content {
547
- display: flex;
548
- align-items: center;
549
- justify-content: start;
550
- text-align: left;
551
- }
552
-
553
- /* .antd-Tabs {
554
- margin: 1rem;
555
- } */
556
-
557
- @media (max-width: 767px){
558
- .instance-default .antd-Form-item .antd-Form-label + .antd-Form-item-controlBox {
559
- max-width: 100%;
560
- padding-right: 15px;
561
- }
562
- }
563
-
564
- .antd-DropDown-menu-root {
565
- border: 1px solid #c9c9c9;
566
- }
567
- /* @tailwind base; */
568
- .container {
569
- width: 100%
570
- }
571
- @media (min-width: 640px) {
572
- .container {
573
- max-width: 640px
574
- }
575
- }
576
- @media (min-width: 768px) {
577
- .container {
578
- max-width: 768px
579
- }
580
- }
581
- @media (min-width: 1024px) {
582
- .container {
583
- max-width: 1024px
584
- }
585
- }
586
- @media (min-width: 1280px) {
587
- .container {
588
- max-width: 1280px
589
- }
590
- }
591
- @media (min-width: 1536px) {
592
- .container {
593
- max-width: 1536px
594
- }
595
- }
596
- @media (min-width: 1600px) {
597
- .container {
598
- max-width: 1600px
599
- }
600
- }
601
- @media (min-width: 1800px) {
602
- .container {
603
- max-width: 1800px
604
- }
605
- }
606
- @media (min-width: 2000px) {
607
- .container {
608
- max-width: 2000px
609
- }
610
- }
611
- .visible {
612
- visibility: visible
613
- }
614
- .collapse {
615
- visibility: collapse
616
- }
617
- .static {
618
- position: static
619
- }
620
- .fixed {
621
- position: fixed
622
- }
623
- .absolute {
624
- position: absolute
625
- }
626
- .sticky {
627
- position: sticky
628
- }
629
- .inset-0 {
630
- inset: 0px
631
- }
632
- .bottom-4 {
633
- bottom: 1rem
634
- }
635
- .left-0 {
636
- left: 0px
637
- }
638
- .right-0 {
639
- right: 0px
640
- }
641
- .right-4 {
642
- right: 1rem
643
- }
644
- .top-0 {
645
- top: 0px
646
- }
647
- .z-20 {
648
- z-index: 20
649
- }
650
- .z-40 {
651
- z-index: 40
652
- }
653
- .col-span-2 {
654
- grid-column: span 2 / span 2
655
- }
656
- .m-0 {
657
- margin: 0px
658
- }
659
- .m-2 {
660
- margin: 0.5rem
661
- }
662
- .\!mx-0 {
663
- margin-left: 0px !important;
664
- margin-right: 0px !important
665
- }
666
- .mx-3 {
667
- margin-left: 0.75rem;
668
- margin-right: 0.75rem
669
- }
670
- .my-2 {
671
- margin-top: 0.5rem;
672
- margin-bottom: 0.5rem
673
- }
674
- .\!mb-6 {
675
- margin-bottom: 1.5rem !important
676
- }
677
- .-mb-4 {
678
- margin-bottom: -1rem
679
- }
680
- .-ml-1 {
681
- margin-left: -0.25rem
682
- }
683
- .-ml-px {
684
- margin-left: -1px
685
- }
686
- .mb-0 {
687
- margin-bottom: 0px
688
- }
689
- .mb-1 {
690
- margin-bottom: 0.25rem
691
- }
692
- .mb-2 {
693
- margin-bottom: 0.5rem
694
- }
695
- .mb-3 {
696
- margin-bottom: 0.75rem
697
- }
698
- .mb-4 {
699
- margin-bottom: 1rem
700
- }
701
- .mb-6 {
702
- margin-bottom: 1.5rem
703
- }
704
- .mb-\[-3px\] {
705
- margin-bottom: -3px
706
- }
707
- .ml-1 {
708
- margin-left: 0.25rem
709
- }
710
- .ml-2 {
711
- margin-left: 0.5rem
712
- }
713
- .ml-3 {
714
- margin-left: 0.75rem
715
- }
716
- .ml-4 {
717
- margin-left: 1rem
718
- }
719
- .mr-0 {
720
- margin-right: 0px
721
- }
722
- .mr-1 {
723
- margin-right: 0.25rem
724
- }
725
- .mr-2 {
726
- margin-right: 0.5rem
727
- }
728
- .mr-3 {
729
- margin-right: 0.75rem
730
- }
731
- .mr-4 {
732
- margin-right: 1rem
733
- }
734
- .mt-0 {
735
- margin-top: 0px
736
- }
737
- .mt-0\.5 {
738
- margin-top: 0.125rem
739
- }
740
- .mt-1 {
741
- margin-top: 0.25rem
742
- }
743
- .mt-2 {
744
- margin-top: 0.5rem
745
- }
746
- .mt-\[50px\] {
747
- margin-top: 50px
748
- }
749
- .block {
750
- display: block
751
- }
752
- .inline-block {
753
- display: inline-block
754
- }
755
- .inline {
756
- display: inline
757
- }
758
- .flex {
759
- display: flex
760
- }
761
- .inline-flex {
762
- display: inline-flex
763
- }
764
- .table {
765
- display: table
766
- }
767
- .grid {
768
- display: grid
769
- }
770
- .contents {
771
- display: contents
772
- }
773
- .hidden {
774
- display: none
775
- }
776
- .\!h-10 {
777
- height: 2.5rem !important
778
- }
779
- .h-10 {
780
- height: 2.5rem
781
- }
782
- .h-12 {
783
- height: 3rem
784
- }
785
- .h-14 {
786
- height: 3.5rem
787
- }
788
- .h-4 {
789
- height: 1rem
790
- }
791
- .h-5 {
792
- height: 1.25rem
793
- }
794
- .h-6 {
795
- height: 1.5rem
796
- }
797
- .h-7 {
798
- height: 1.75rem
799
- }
800
- .h-8 {
801
- height: 2rem
802
- }
803
- .h-\[50px\] {
804
- height: 50px
805
- }
806
- .h-full {
807
- height: 100%
808
- }
809
- .\!max-h-\[80vh\] {
810
- max-height: 80vh !important
811
- }
812
- .max-h-12 {
813
- max-height: 3rem
814
- }
815
- .max-h-96 {
816
- max-height: 24rem
817
- }
818
- .max-h-\[80vh\] {
819
- max-height: 80vh
820
- }
821
- .min-h-8 {
822
- min-height: 2rem
823
- }
824
- .\!w-10 {
825
- width: 2.5rem !important
826
- }
827
- .\!w-full {
828
- width: 100% !important
829
- }
830
- .w-1\/3 {
831
- width: 33.333333%
832
- }
833
- .w-10 {
834
- width: 2.5rem
835
- }
836
- .w-12 {
837
- width: 3rem
838
- }
839
- .w-14 {
840
- width: 3.5rem
841
- }
842
- .w-4 {
843
- width: 1rem
844
- }
845
- .w-6 {
846
- width: 1.5rem
847
- }
848
- .w-64 {
849
- width: 16rem
850
- }
851
- .w-8 {
852
- width: 2rem
853
- }
854
- .w-96 {
855
- width: 24rem
856
- }
857
- .w-\[240px\] {
858
- width: 240px
859
- }
860
- .w-auto {
861
- width: auto
862
- }
863
- .w-fit {
864
- width: -moz-fit-content;
865
- width: fit-content
866
- }
867
- .w-full {
868
- width: 100%
869
- }
870
- .\!min-w-\[160px\] {
871
- min-width: 160px !important
872
- }
873
- .min-w-56 {
874
- min-width: 14rem
875
- }
876
- .min-w-\[200px\] {
877
- min-width: 200px
878
- }
879
- .min-w-\[240px\] {
880
- min-width: 240px
881
- }
882
- .min-w-\[300px\] {
883
- min-width: 300px
884
- }
885
- .min-w-\[388px\] {
886
- min-width: 388px
887
- }
888
- .max-w-\[360px\] {
889
- max-width: 360px
890
- }
891
- .max-w-md {
892
- max-width: 28rem
893
- }
894
- .flex-1 {
895
- flex: 1 1 0%
896
- }
897
- .flex-auto {
898
- flex: 1 1 auto
899
- }
900
- .flex-initial {
901
- flex: 0 1 auto
902
- }
903
- .flex-none {
904
- flex: none
905
- }
906
- .flex-shrink-0 {
907
- flex-shrink: 0
908
- }
909
- .grow {
910
- flex-grow: 1
911
- }
912
- .-translate-x-0 {
913
- --tw-translate-x: -0px;
914
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
915
- }
916
- .transform {
917
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
918
- }
919
- @keyframes spin {
920
- to {
921
- transform: rotate(360deg)
922
- }
923
- }
924
- .animate-spin {
925
- animation: spin 1s linear infinite
926
- }
927
- .grid-cols-1 {
928
- grid-template-columns: repeat(1, minmax(0, 1fr))
929
- }
930
- .flex-row {
931
- flex-direction: row
932
- }
933
- .flex-col {
934
- flex-direction: column
935
- }
936
- .flex-wrap {
937
- flex-wrap: wrap
938
- }
939
- .flex-nowrap {
940
- flex-wrap: nowrap
941
- }
942
- .items-center {
943
- align-items: center
944
- }
945
- .justify-end {
946
- justify-content: flex-end
947
- }
948
- .justify-center {
949
- justify-content: center
950
- }
951
- .justify-between {
952
- justify-content: space-between
953
- }
954
- .gap-2 {
955
- gap: 0.5rem
956
- }
957
- .gap-x-3 {
958
- -moz-column-gap: 0.75rem;
959
- column-gap: 0.75rem
960
- }
961
- .space-x-4 > :not([hidden]) ~ :not([hidden]) {
962
- --tw-space-x-reverse: 0;
963
- margin-right: calc(1rem * var(--tw-space-x-reverse));
964
- margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))
965
- }
966
- .overflow-auto {
967
- overflow: auto
968
- }
969
- .overflow-hidden {
970
- overflow: hidden
971
- }
972
- .overflow-y-auto {
973
- overflow-y: auto
974
- }
975
- .overflow-x-hidden {
976
- overflow-x: hidden
977
- }
978
- .truncate {
979
- overflow: hidden;
980
- text-overflow: ellipsis;
981
- white-space: nowrap
982
- }
983
- .whitespace-normal {
984
- white-space: normal
985
- }
986
- .whitespace-nowrap {
987
- white-space: nowrap
988
- }
989
- .break-words {
990
- overflow-wrap: break-word
991
- }
992
- .break-all {
993
- word-break: break-all
994
- }
995
- .rounded {
996
- border-radius: 0.25rem
997
- }
998
- .rounded-full {
999
- border-radius: 9999px
1000
- }
1001
- .rounded-md {
1002
- border-radius: 0.375rem
1003
- }
1004
- .rounded-xl {
1005
- border-radius: 0.75rem
1006
- }
1007
- .border {
1008
- border-width: 1px
1009
- }
1010
- .border-0 {
1011
- border-width: 0px
1012
- }
1013
- .border-y {
1014
- border-top-width: 1px;
1015
- border-bottom-width: 1px
1016
- }
1017
- .\!border-b-0 {
1018
- border-bottom-width: 0px !important
1019
- }
1020
- .border-b {
1021
- border-bottom-width: 1px
1022
- }
1023
- .border-b-\[3px\] {
1024
- border-bottom-width: 3px
1025
- }
1026
- .border-r {
1027
- border-right-width: 1px
1028
- }
1029
- .border-t {
1030
- border-top-width: 1px
1031
- }
1032
- .border-solid {
1033
- border-style: solid
1034
- }
1035
- .\!border-none {
1036
- border-style: none !important
1037
- }
1038
- .border-none {
1039
- border-style: none
1040
- }
1041
- .border-gray-200 {
1042
- --tw-border-opacity: 1;
1043
- border-color: rgb(229 231 235 / var(--tw-border-opacity))
1044
- }
1045
- .border-gray-300 {
1046
- --tw-border-opacity: 1;
1047
- border-color: rgb(209 213 219 / var(--tw-border-opacity))
1048
- }
1049
- .border-sky-500 {
1050
- --tw-border-opacity: 1;
1051
- border-color: rgb(14 165 233 / var(--tw-border-opacity))
1052
- }
1053
- .\!bg-transparent {
1054
- background-color: transparent !important
1055
- }
1056
- .bg-blue-500 {
1057
- --tw-bg-opacity: 1;
1058
- background-color: rgb(59 130 246 / var(--tw-bg-opacity))
1059
- }
1060
- .bg-gray-100 {
1061
- --tw-bg-opacity: 1;
1062
- background-color: rgb(243 244 246 / var(--tw-bg-opacity))
1063
- }
1064
- .bg-gray-50 {
1065
- --tw-bg-opacity: 1;
1066
- background-color: rgb(249 250 251 / var(--tw-bg-opacity))
1067
- }
1068
- .bg-transparent {
1069
- background-color: transparent
1070
- }
1071
- .bg-white {
1072
- --tw-bg-opacity: 1;
1073
- background-color: rgb(255 255 255 / var(--tw-bg-opacity))
1074
- }
1075
- .bg-none {
1076
- background-image: none
1077
- }
1078
- .\!fill-white {
1079
- fill: #fff !important
1080
- }
1081
- .fill-gray-500 {
1082
- fill: #6b7280
1083
- }
1084
- .fill-gray-700 {
1085
- fill: #374151
1086
- }
1087
- .fill-slate-500 {
1088
- fill: #64748b
1089
- }
1090
- .\!p-2 {
1091
- padding: 0.5rem !important
1092
- }
1093
- .p-0 {
1094
- padding: 0px
1095
- }
1096
- .p-1 {
1097
- padding: 0.25rem
1098
- }
1099
- .p-2 {
1100
- padding: 0.5rem
1101
- }
1102
- .p-4 {
1103
- padding: 1rem
1104
- }
1105
- .px-0 {
1106
- padding-left: 0px;
1107
- padding-right: 0px
1108
- }
1109
- .px-2 {
1110
- padding-left: 0.5rem;
1111
- padding-right: 0.5rem
1112
- }
1113
- .px-3 {
1114
- padding-left: 0.75rem;
1115
- padding-right: 0.75rem
1116
- }
1117
- .px-4 {
1118
- padding-left: 1rem;
1119
- padding-right: 1rem
1120
- }
1121
- .py-1 {
1122
- padding-top: 0.25rem;
1123
- padding-bottom: 0.25rem
1124
- }
1125
- .py-2 {
1126
- padding-top: 0.5rem;
1127
- padding-bottom: 0.5rem
1128
- }
1129
- .py-2\.5 {
1130
- padding-top: 0.625rem;
1131
- padding-bottom: 0.625rem
1132
- }
1133
- .py-3 {
1134
- padding-top: 0.75rem;
1135
- padding-bottom: 0.75rem
1136
- }
1137
- .py-4 {
1138
- padding-top: 1rem;
1139
- padding-bottom: 1rem
1140
- }
1141
- .pb-0 {
1142
- padding-bottom: 0px
1143
- }
1144
- .pb-16 {
1145
- padding-bottom: 4rem
1146
- }
1147
- .pb-2 {
1148
- padding-bottom: 0.5rem
1149
- }
1150
- .pb-4 {
1151
- padding-bottom: 1rem
1152
- }
1153
- .pl-0 {
1154
- padding-left: 0px
1155
- }
1156
- .pl-1 {
1157
- padding-left: 0.25rem
1158
- }
1159
- .pl-1\.5 {
1160
- padding-left: 0.375rem
1161
- }
1162
- .pl-4 {
1163
- padding-left: 1rem
1164
- }
1165
- .pl-5 {
1166
- padding-left: 1.25rem
1167
- }
1168
- .pr-4 {
1169
- padding-right: 1rem
1170
- }
1171
- .pt-0 {
1172
- padding-top: 0px
1173
- }
1174
- .pt-2 {
1175
- padding-top: 0.5rem
1176
- }
1177
- .text-left {
1178
- text-align: left
1179
- }
1180
- .text-center {
1181
- text-align: center
1182
- }
1183
- .text-\[11px\] {
1184
- font-size: 11px
1185
- }
1186
- .text-base {
1187
- font-size: 14px
1188
- }
1189
- .text-lg {
1190
- font-size: 16px
1191
- }
1192
- .text-md {
1193
- font-size: 14px
1194
- }
1195
- .text-xl {
1196
- font-size: 18px
1197
- }
1198
- .text-xs {
1199
- font-size: 12px
1200
- }
1201
- .font-bold {
1202
- font-weight: 700
1203
- }
1204
- .font-medium {
1205
- font-weight: 500
1206
- }
1207
- .font-semibold {
1208
- font-weight: 600
1209
- }
1210
- .leading-3 {
1211
- line-height: .75rem
1212
- }
1213
- .leading-4 {
1214
- line-height: 1rem
1215
- }
1216
- .leading-5 {
1217
- line-height: 1.25rem
1218
- }
1219
- .leading-6 {
1220
- line-height: 1.5rem
1221
- }
1222
- .leading-none {
1223
- line-height: 1
1224
- }
1225
- .\!text-gray-700 {
1226
- --tw-text-opacity: 1 !important;
1227
- color: rgb(55 65 81 / var(--tw-text-opacity)) !important
1228
- }
1229
- .text-\[blue\] {
1230
- --tw-text-opacity: 1;
1231
- color: rgb(0 0 255 / var(--tw-text-opacity))
1232
- }
1233
- .text-\[red\] {
1234
- --tw-text-opacity: 1;
1235
- color: rgb(255 0 0 / var(--tw-text-opacity))
1236
- }
1237
- .text-black {
1238
- --tw-text-opacity: 1;
1239
- color: rgb(0 0 0 / var(--tw-text-opacity))
1240
- }
1241
- .text-blue-600 {
1242
- --tw-text-opacity: 1;
1243
- color: rgb(37 99 235 / var(--tw-text-opacity))
1244
- }
1245
- .text-gray-400 {
1246
- --tw-text-opacity: 1;
1247
- color: rgb(156 163 175 / var(--tw-text-opacity))
1248
- }
1249
- .text-gray-500 {
1250
- --tw-text-opacity: 1;
1251
- color: rgb(107 114 128 / var(--tw-text-opacity))
1252
- }
1253
- .text-gray-700 {
1254
- --tw-text-opacity: 1;
1255
- color: rgb(55 65 81 / var(--tw-text-opacity))
1256
- }
1257
- .text-gray-800 {
1258
- --tw-text-opacity: 1;
1259
- color: rgb(31 41 55 / var(--tw-text-opacity))
1260
- }
1261
- .text-green-600 {
1262
- --tw-text-opacity: 1;
1263
- color: rgb(22 163 74 / var(--tw-text-opacity))
1264
- }
1265
- .text-sky-500 {
1266
- --tw-text-opacity: 1;
1267
- color: rgb(14 165 233 / var(--tw-text-opacity))
1268
- }
1269
- .text-white {
1270
- --tw-text-opacity: 1;
1271
- color: rgb(255 255 255 / var(--tw-text-opacity))
1272
- }
1273
- .no-underline {
1274
- text-decoration-line: none
1275
- }
1276
- .opacity-25 {
1277
- opacity: 0.25
1278
- }
1279
- .opacity-75 {
1280
- opacity: 0.75
1281
- }
1282
- .shadow {
1283
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
1284
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
1285
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
1286
- }
1287
- .shadow-lg {
1288
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1289
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1290
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
1291
- }
1292
- .shadow-none {
1293
- --tw-shadow: 0 0 #0000;
1294
- --tw-shadow-colored: 0 0 #0000;
1295
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
1296
- }
1297
- .blur {
1298
- --tw-blur: blur(8px);
1299
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
1300
- }
1301
- .\!filter {
1302
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
1303
- }
1304
- .filter {
1305
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
1306
- }
1307
- .backdrop-blur {
1308
- --tw-backdrop-blur: blur(8px);
1309
- backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
1310
- }
1311
- .transition-colors {
1312
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
1313
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1314
- transition-duration: 150ms
1315
- }
1316
- .duration-300 {
1317
- transition-duration: 300ms
1318
- }
1319
- .duration-500 {
1320
- transition-duration: 500ms
1321
- }
1322
- .ease-in-out {
1323
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
1324
- }
1325
- .last\:mb-0:last-child {
1326
- margin-bottom: 0px
1327
- }
1328
- .hover\:bg-\[\#1589EE1A\]:hover {
1329
- background-color: #1589EE1A
1330
- }
1331
- .hover\:bg-sky-50:hover {
1332
- --tw-bg-opacity: 1;
1333
- background-color: rgb(240 249 255 / var(--tw-bg-opacity))
1334
- }
1335
- .hover\:font-bold:hover {
1336
- font-weight: 700
1337
- }
1338
- .focus\:outline-none:focus {
1339
- outline: 2px solid transparent;
1340
- outline-offset: 2px
1341
- }
1342
- @media (min-width: 640px) {
1343
- .sm\:sticky {
1344
- position: sticky
1345
- }
1346
- .sm\:z-10 {
1347
- z-index: 10
1348
- }
1349
- .sm\:m-3 {
1350
- margin: 0.75rem
1351
- }
1352
- .sm\:m-4 {
1353
- margin: 1rem
1354
- }
1355
- .sm\:mt-3 {
1356
- margin-top: 0.75rem
1357
- }
1358
- .sm\:mt-\[90px\] {
1359
- margin-top: 90px
1360
- }
1361
- .sm\:grid {
1362
- display: grid
1363
- }
1364
- .sm\:w-\[220px\] {
1365
- width: 220px
1366
- }
1367
- .sm\:grid-cols-2 {
1368
- grid-template-columns: repeat(2, minmax(0, 1fr))
1369
- }
1370
- .sm\:grid-cols-4 {
1371
- grid-template-columns: repeat(4, minmax(0, 1fr))
1372
- }
1373
- .sm\:gap-4 {
1374
- gap: 1rem
1375
- }
1376
- .sm\:rounded {
1377
- border-radius: 0.25rem
1378
- }
1379
- .sm\:rounded-lg {
1380
- border-radius: 0.5rem
1381
- }
1382
- .sm\:rounded-tl {
1383
- border-top-left-radius: 0.25rem
1384
- }
1385
- .sm\:rounded-tr {
1386
- border-top-right-radius: 0.25rem
1387
- }
1388
- .sm\:border {
1389
- border-width: 1px
1390
- }
1391
- .sm\:border-r {
1392
- border-right-width: 1px
1393
- }
1394
- .sm\:border-gray-300 {
1395
- --tw-border-opacity: 1;
1396
- border-color: rgb(209 213 219 / var(--tw-border-opacity))
1397
- }
1398
- .sm\:bg-gray-50 {
1399
- --tw-bg-opacity: 1;
1400
- background-color: rgb(249 250 251 / var(--tw-bg-opacity))
1401
- }
1402
- .sm\:p-3 {
1403
- padding: 0.75rem
1404
- }
1405
- .sm\:shadow {
1406
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
1407
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
1408
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
1409
- }
1410
- }
1411
- @media (min-width: 768px) {
1412
- .md\:grid-cols-3 {
1413
- grid-template-columns: repeat(3, minmax(0, 1fr))
1414
- }
1415
- .md\:overflow-auto {
1416
- overflow: auto
1417
- }
1418
- .md\:border-b {
1419
- border-bottom-width: 1px
1420
- }
1421
- }
1422
- @media (min-width: 1024px) {
1423
- .lg\:z-\[1000\] {
1424
- z-index: 1000
1425
- }
1426
- .lg\:order-first {
1427
- order: -9999
1428
- }
1429
- .lg\:order-last {
1430
- order: 9999
1431
- }
1432
- .lg\:flex {
1433
- display: flex
1434
- }
1435
- .lg\:grid-cols-1 {
1436
- grid-template-columns: repeat(1, minmax(0, 1fr))
1437
- }
1438
- .lg\:grid-cols-10 {
1439
- grid-template-columns: repeat(10, minmax(0, 1fr))
1440
- }
1441
- .lg\:grid-cols-11 {
1442
- grid-template-columns: repeat(11, minmax(0, 1fr))
1443
- }
1444
- .lg\:grid-cols-12 {
1445
- grid-template-columns: repeat(12, minmax(0, 1fr))
1446
- }
1447
- .lg\:grid-cols-2 {
1448
- grid-template-columns: repeat(2, minmax(0, 1fr))
1449
- }
1450
- .lg\:grid-cols-3 {
1451
- grid-template-columns: repeat(3, minmax(0, 1fr))
1452
- }
1453
- .lg\:grid-cols-4 {
1454
- grid-template-columns: repeat(4, minmax(0, 1fr))
1455
- }
1456
- .lg\:grid-cols-5 {
1457
- grid-template-columns: repeat(5, minmax(0, 1fr))
1458
- }
1459
- .lg\:grid-cols-6 {
1460
- grid-template-columns: repeat(6, minmax(0, 1fr))
1461
- }
1462
- .lg\:grid-cols-7 {
1463
- grid-template-columns: repeat(7, minmax(0, 1fr))
1464
- }
1465
- .lg\:grid-cols-8 {
1466
- grid-template-columns: repeat(8, minmax(0, 1fr))
1467
- }
1468
- .lg\:grid-cols-9 {
1469
- grid-template-columns: repeat(9, minmax(0, 1fr))
1470
- }
1471
- .lg\:flex-col {
1472
- flex-direction: column
1473
- }
1474
- }
1475
- @media (min-width: 1280px) {
1476
- .xl\:grid-cols-5 {
1477
- grid-template-columns: repeat(5, minmax(0, 1fr))
1478
- }
1479
- }
1480
- @media (min-width: 1536px) {
1481
- .\32xl\:grid-cols-5 {
1482
- grid-template-columns: repeat(5, minmax(0, 1fr))
1483
- }
1484
- }
1485
- @media (min-width: 1600px) {
1486
- .\33xl\:grid-cols-8 {
1487
- grid-template-columns: repeat(8, minmax(0, 1fr))
1488
- }
1489
- }
1490
- @media (min-width: 1800px) {
1491
- .\34xl\:grid-cols-8 {
1492
- grid-template-columns: repeat(8, minmax(0, 1fr))
1493
- }
1494
- }
1495
- @media (min-width: 2000px) {
1496
- .\35xl\:grid-cols-10 {
1497
- grid-template-columns: repeat(10, minmax(0, 1fr))
1498
- }
1499
- }
1500
-
1501
- .ant-dropdown-menu-item .antd-Button.antd-Button--default {
1502
- border: none;
1503
- border-width: 0;
1504
- width: 100%;
1505
- text-align: left;
1506
- background: transparent;
1507
- background-color: transparent;
1508
- min-width: 100px;
1509
- justify-content: left;
1510
- }
1511
- .ant-dropdown-menu-item .antd-Button--default:not(:disabled):not(.is-disabled):hover {
1512
- border-width: 0;
1513
- }
1514
- .steedos-record-related-list .antd-Table-headToolbar {
1515
- display: none;
1516
- }
1517
- .steedos-record-related-list.enable-header-toolbar .antd-Table-headToolbar {
1518
- display: block;
1519
- }
1520
- .steedos-record-related-list.enable-header-toolbar .steedos-record-related-crud.hidden {
1521
- display: block;
1522
- }
1523
- .steedos-record-related-list.enable-header-toolbar .steedos-record-related-crud.hidden .antd-Table-contentWrap {
1524
- display: none;
1525
- }
1526
- .steedos-record-related-list .antd-Images {
1527
- display: inline !important;
1528
- }
1529
- .steedos-record-related-list .antd-Image-thumb {
1530
- width: 1rem !important;
1531
- height: 1rem !important;
1532
- }
1533
- .steedos-record-related-list .min-w-56 {
1534
- min-width: 220px;
1535
- }
1536
- .steedos-record-related-list .textarea span {
1537
- -webkit-line-clamp: 3;
1538
- display: -webkit-box;
1539
- -webkit-box-orient: vertical;
1540
- overflow: hidden;
1541
- text-overflow: ellipsis;
1542
- }
1543
- .steedos-listview .antd-Images,
1544
- .steedos-object-table .antd-Images {
1545
- display: inline !important;
1546
- }
1547
- .steedos-listview .antd-Image-thumb,
1548
- .steedos-object-table .antd-Image-thumb {
1549
- width: 1rem !important;
1550
- height: 1rem !important;
1551
- }
1552
- .steedos-listview .min-w-56,
1553
- .steedos-object-table .min-w-56 {
1554
- min-width: 220px;
1555
- }
1556
- .steedos-listview .textarea span,
1557
- .steedos-object-table .textarea span {
1558
- -webkit-line-clamp: 3;
1559
- display: -webkit-box;
1560
- -webkit-box-orient: vertical;
1561
- overflow: hidden;
1562
- text-overflow: ellipsis;
1563
- }
1564
- @media (max-width: 576px) {
1565
- .steedos-listview .antd-Table-content table.antd-Table-table,
1566
- .steedos-object-table .antd-Table-content table.antd-Table-table {
1567
- display: block;
1568
- }
1569
- .steedos-listview .antd-Table-content table.antd-Table-table thead,
1570
- .steedos-object-table .antd-Table-content table.antd-Table-table thead,
1571
- .steedos-listview .antd-Table-content table.antd-Table-table tbody,
1572
- .steedos-object-table .antd-Table-content table.antd-Table-table tbody,
1573
- .steedos-listview .antd-Table-content table.antd-Table-table tr,
1574
- .steedos-object-table .antd-Table-content table.antd-Table-table tr,
1575
- .steedos-listview .antd-Table-content table.antd-Table-table th,
1576
- .steedos-object-table .antd-Table-content table.antd-Table-table th,
1577
- .steedos-listview .antd-Table-content table.antd-Table-table td,
1578
- .steedos-object-table .antd-Table-content table.antd-Table-table td {
1579
- display: block;
1580
- }
1581
- .steedos-listview .antd-Table-content table.antd-Table-table thead,
1582
- .steedos-object-table .antd-Table-content table.antd-Table-table thead {
1583
- display: none;
1584
- }
1585
- .steedos-listview .steedos-listview-item .steedos-listview-item-right,
1586
- .steedos-object-table .steedos-listview-item .steedos-listview-item-right {
1587
- max-width: 50%;
1588
- }
1589
- .steedos-listview .antd-Table-toolbar,
1590
- .steedos-object-table .antd-Table-toolbar {
1591
- position: relative;
1592
- }
1593
- }
1594
- .antd-Table-toolbar .antd-Crud-loadMore .antd-Button {
1595
- border: none;
1596
- position: absolute;
1597
- bottom: 0px;
1598
- left: 30px;
1599
- right: 30px;
1600
- background: transparent;
1601
- }
1602
- @media (max-width: 576px) {
1603
- .steedos-record-detail-related-lists .steedos-record-related-list .steedos-object-table .antd-Table-footToolbar {
1604
- display: none;
1605
- }
1606
- }
1607
- .antd-Modal-body .steedos-lookup-crud .antd-Table-headToolbar.hasHelpText .antd-Crud-toolbar-item:first-child {
1608
- width: 100%;
1609
- margin-top: -10px;
1610
- font-size: var(--Table-thead-fontSize);
1611
- height: -moz-fit-content;
1612
- height: fit-content;
1613
- }
1614
- .antd-Modal-body .steedos-lookup-crud .antd-Table-headToolbar.hasHelpText .antd-Crud-toolbar-item:nth-child(2) {
1615
- margin-left: unset;
1616
- }
1617
- .antd-Modal-body .steedos-lookup-crud .antd-Table-headToolbar {
1618
- padding-left: 0;
1619
- padding-right: 0;
1620
- }
1621
- .antd-Modal-body .steedos-lookup-crud .antd-Crud-selection {
1622
- padding-left: 0;
1623
- padding-right: 0;
1624
- margin-top: -10px;
1625
- }
1626
- .steedos-select-user {
1627
- margin-left: 330px;
1628
- min-height: 300px;
1629
- }
1630
- .steedos-select-user .antd-Table {
1631
- margin-bottom: 0;
1632
- position: unset;
1633
- }
1634
- @media (min-width: 768px) {
1635
- .steedos-select-user .antd-Table .antd-Table-content {
1636
- max-height: calc(100vh - 343px);
1637
- }
1638
- .steedos-select-user .antd-Table .antd-SearchBox {
1639
- margin-top: 0;
1640
- }
1641
- }
1642
- .steedos-select-user .steedos-select-user-tree {
1643
- max-height: 100%;
1644
- position: absolute;
1645
- left: -330px;
1646
- width: 320px;
1647
- bottom: 0;
1648
- top: 10px;
1649
- overflow: auto;
1650
- min-height: 300px;
1651
- }
1652
- @media (max-width: 768px) {
1653
- .steedos-select-user .steedos-select-user-tree {
1654
- position: absolute;
1655
- left: 0;
1656
- width: 240px;
1657
- bottom: 0;
1658
- top: 0;
1659
- overflow: auto;
1660
- z-index: 100;
1661
- background: white;
1662
- }
1663
- .steedos-select-user {
1664
- margin: 0;
1665
- height: calc(100% - 10px);
1666
- }
1667
- .steedos-select-user .steedos-select-user-sidebar {
1668
- margin-right: -24px;
1669
- transition: 0.5s ease transform;
1670
- z-index: 1000;
1671
- transform: translate(-100%, 0);
1672
- -webkit-transform: translate(-100%, 0);
1673
- -moz-transform: translate(-100%, 0);
1674
- -ms-transform: translate(-100%, 0);
1675
- -o-transform: translate(-100%, 0);
1676
- }
1677
- .steedos-select-user .steedos-select-user-sidebar.steedos-select-user-sidebar-open .steedos-select-user-tree {
1678
- border-right: #e5e7eb 1px solid;
1679
- padding-right: 20px;
1680
- }
1681
- .steedos-select-user .steedos-select-user-sidebar.steedos-select-user-sidebar-open {
1682
- transform: translate(0, 0);
1683
- -webkit-transform: translate(0, 0);
1684
- -moz-transform: translate(0, 0);
1685
- -ms-transform: translate(0, 0);
1686
- -o-transform: translate(0, 0);
1687
- }
1688
- .antd-Crud-toolbar {
1689
- flex-basis: 0;
1690
- flex-grow: 1;
1691
- }
1692
- .steedos-object-table .antd-Crud .antd-Table.antd-Crud-body {
1693
- margin-bottom: 0;
1694
- }
1695
- .steedos-object-table .antd-Crud .antd-Table.antd-Crud-body .antd-Table-toolbar.antd-Table-footToolbar {
1696
- padding-top: 0.4rem;
1697
- padding-bottom: 0.5rem;
1698
- }
1699
- .steedos-object-table .antd-Crud .antd-Table.antd-Crud-body .antd-Table-toolbar.antd-Table-footToolbar .antd-Crud-toolbar {
1700
- display: flex;
1701
- align-items: center;
1702
- justify-content: center;
1703
- }
1704
- .steedos-object-table .antd-Crud .antd-Table.antd-Crud-body .antd-Table-toolbar.antd-Table-footToolbar .antd-Crud-toolbar-item {
1705
- width: 100%;
1706
- }
1707
- .steedos-object-table .antd-Crud .antd-Table.antd-Crud-body .antd-Table-toolbar.antd-Table-footToolbar .antd-Crud-toolbar-item .antd-Crud-pager {
1708
- width: 100%;
1709
- }
1710
- .steedos-object-table .antd-Crud .antd-Table.antd-Crud-body .antd-Table-toolbar.antd-Table-footToolbar .antd-Crud-toolbar-item .antd-Crud-pager .antd-Pagination-wrap {
1711
- display: flex;
1712
- justify-content: center;
1713
- }
1714
- .steedos-object-table .antd-Crud .antd-Table.antd-Crud-body .antd-Table-toolbar.antd-Table-footToolbar .antd-Crud-toolbar-item .antd-Crud-pager .antd-Pagination-wrap .antd-Pagination-item {
1715
- height: 100%;
1716
- }
1717
- .steedos-object-table .antd-Crud .antd-Table.antd-Crud-body .antd-Table-toolbar.antd-Table-footToolbar .antd-Crud-toolbar-item .antd-Crud-pager .antd-Pagination-wrap .antd-Pagination > li.is-active > a {
1718
- border: unset;
1719
- font-size: 16px;
1720
- }
1721
- .steedos-object-table .antd-Crud .antd-Table.antd-Crud-body .antd-Table-toolbar.antd-Table-footToolbar .antd-Crud-toolbar-item .antd-Crud-pager .antd-Pagination-wrap .antd-Pagination {
1722
- margin-left: 0;
1723
- }
1724
- .steedos-object-table .antd-Crud .antd-Table.antd-Crud-body .antd-Table-toolbar.antd-Table-footToolbar .antd-Crud-toolbar-item .antd-Crud-pager .antd-Pagination-wrap .antd-Pagination-total {
1725
- position: absolute;
1726
- left: 0.5rem;
1727
- top: 0;
1728
- display: inline-flex;
1729
- align-items: center;
1730
- }
1731
- .steedos-object-table .antd-Crud .antd-Table.antd-Crud-body .antd-Table-toolbar.antd-Table-footToolbar .antd-Crud-toolbar-item .antd-Crud-pager .antd-Pagination-wrap .antd-Pagination-inputGroup {
1732
- position: absolute;
1733
- right: 0.5rem;
1734
- top: 0rem;
1735
- }
1736
- body.zoom-large .steedos-object-table .antd-Table-footToolbar {
1737
- zoom: 90%;
1738
- }
1739
- body.zoom-extra-large .steedos-object-table .antd-Table-footToolbar {
1740
- zoom: 80%;
1741
- }
1742
- }
1743
- .steedos-object-table .two-lines-truncate {
1744
- white-space: pre-wrap;
1745
- overflow: hidden;
1746
- text-overflow: ellipsis;
1747
- display: -webkit-box;
1748
- -webkit-line-clamp: 2;
1749
- /* 显示的行数 */
1750
- -webkit-box-orient: vertical;
1751
- }
1752
- /* 魔方定义的按钮,统一把 .antd-Button--size-default 的右侧margin值 var(--button-size-default-marginRight) 去除 */
1753
- .steedos-object-button .antd-Button {
1754
- margin-right: 0px;
1755
- }
1756
- .steedos-object-button.antd-Button {
1757
- margin-right: 0px;
1758
- }
1759
- /* 魔方定义的按钮,连续的按钮左侧加间隔分开,第一个按钮不会识别此样式 */
1760
- .steedos-object-button + .steedos-object-button {
1761
- margin-left: 4px;
1762
- }
1763
- /* 魔方定义的按钮,如果是显示在下拉菜单作为菜单按钮则不能加间隔 */
1764
- .antd-ButtonGroup--vertical .steedos-object-button + .steedos-object-button {
1765
- margin-left: 0px;
1766
- }
1767
- .whitespace-nowrap-table-cell-text-overflow-ellipsis-content {
1768
- overflow: hidden;
1769
- text-overflow: ellipsis;
1770
- }
1771
- .whitespace-nowrap-table-cell-text-overflow-ellipsis-content > .antd-Form-static {
1772
- /*上面的样式无法解决url类型字段省略号问题*/
1773
- overflow: hidden;
1774
- text-overflow: ellipsis;
1775
- }
1776
- .whitespace-nowrap-table-cell-text-overflow-ellipsis-content > .antd-Form-static > .antd-Form-control .antd-TplField > span > a {
1777
- /*上面的样式无法解决附件类型字段省略号问题*/
1778
- overflow: hidden;
1779
- text-overflow: ellipsis;
1780
- }
1781
- .whitespace-nowrap-table-cell-text-overflow-ellipsis .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap > div {
1782
- /*各种字段类型在不支持快速编辑的单元格中文字超长时显示省略号*/
1783
- overflow: hidden;
1784
- text-overflow: ellipsis;
1785
- }
1786
- .whitespace-nowrap-table-cell-text-overflow-ellipsis .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap > div > .antd-Form-static {
1787
- /*上面的样式无法解决url类型字段省略号问题*/
1788
- overflow: hidden;
1789
- text-overflow: ellipsis;
1790
- }
1791
- .whitespace-nowrap-table-cell-text-overflow-ellipsis .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap > div > .antd-Form-static > .antd-Form-control .antd-TplField > span > a {
1792
- /*上面的样式无法解决附件类型字段省略号问题*/
1793
- overflow: hidden;
1794
- text-overflow: ellipsis;
1795
- }
1796
- .whitespace-nowrap-table-cell-text-overflow-ellipsis .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap.antd-Field--quickEditable {
1797
- /*各种字段类型在支持快速编辑的单元格中文字超长时显示省略号*/
1798
- }
1799
- .whitespace-nowrap-table-cell-text-overflow-ellipsis .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap.antd-Field--quickEditable > div > div {
1800
- /*这里写在第二层div中是因为第一层div是display: flex;无法实现省略号*/
1801
- overflow: hidden;
1802
- text-overflow: ellipsis;
1803
- }
1804
- .whitespace-nowrap-table-cell-text-overflow-ellipsis .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap.antd-Field--quickEditable > div > div > .antd-Form-static {
1805
- /*上面的样式无法解决url类型字段省略号问题*/
1806
- overflow: hidden;
1807
- text-overflow: ellipsis;
1808
- }
1809
- .whitespace-nowrap-table-cell-text-overflow-ellipsis .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap.antd-Field--quickEditable > div > div > .antd-Form-static > .antd-Form-control .antd-TplField > span > a {
1810
- /*上面的样式无法解决附件类型字段省略号问题*/
1811
- overflow: hidden;
1812
- text-overflow: ellipsis;
1813
- }
1814
- @media (min-width: 767px) {
1815
- .steedos-object-table {
1816
- /*对象表格组件各种字段类型文字超长时显示省略号*/
1817
- }
1818
- .steedos-object-table .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap > div {
1819
- /*各种字段类型在不支持快速编辑的单元格中文字超长时显示省略号*/
1820
- overflow: hidden;
1821
- text-overflow: ellipsis;
1822
- }
1823
- .steedos-object-table .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap > div > .antd-Form-static {
1824
- /*上面的样式无法解决url类型字段省略号问题*/
1825
- overflow: hidden;
1826
- text-overflow: ellipsis;
1827
- }
1828
- .steedos-object-table .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap > div > .antd-Form-static > .antd-Form-control .antd-TplField > span > a {
1829
- /*上面的样式无法解决附件类型字段省略号问题*/
1830
- overflow: hidden;
1831
- text-overflow: ellipsis;
1832
- }
1833
- .steedos-object-table .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap.antd-Field--quickEditable {
1834
- /*各种字段类型在支持快速编辑的单元格中文字超长时显示省略号*/
1835
- }
1836
- .steedos-object-table .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap.antd-Field--quickEditable > div > div {
1837
- /*这里写在第二层div中是因为第一层div是display: flex;无法实现省略号*/
1838
- overflow: hidden;
1839
- text-overflow: ellipsis;
1840
- }
1841
- .steedos-object-table .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap.antd-Field--quickEditable > div > div > .antd-Form-static {
1842
- /*上面的样式无法解决url类型字段省略号问题*/
1843
- overflow: hidden;
1844
- text-overflow: ellipsis;
1845
- }
1846
- .steedos-object-table .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap.antd-Field--quickEditable > div > div > .antd-Form-static > .antd-Form-control .antd-TplField > span > a {
1847
- /*上面的样式无法解决附件类型字段省略号问题*/
1848
- overflow: hidden;
1849
- text-overflow: ellipsis;
1850
- }
1851
- }
1852
- .antd-Modal .antd-Modal-body {
1853
- /*lookup字段弹出窗口中各种字段类型的列文字超长时显示省略号*/
1854
- }
1855
- .antd-Modal .antd-Modal-body .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap > div {
1856
- /*各种字段类型在不支持快速编辑的单元格中文字超长时显示省略号*/
1857
- overflow: hidden;
1858
- text-overflow: ellipsis;
1859
- }
1860
- .antd-Modal .antd-Modal-body .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap > div > .antd-Form-static {
1861
- /*上面的样式无法解决url类型字段省略号问题*/
1862
- overflow: hidden;
1863
- text-overflow: ellipsis;
1864
- }
1865
- .antd-Modal .antd-Modal-body .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap > div > .antd-Form-static > .antd-Form-control .antd-TplField > span > a {
1866
- /*上面的样式无法解决附件类型字段省略号问题*/
1867
- overflow: hidden;
1868
- text-overflow: ellipsis;
1869
- }
1870
- .antd-Modal .antd-Modal-body .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap.antd-Field--quickEditable {
1871
- /*各种字段类型在支持快速编辑的单元格中文字超长时显示省略号*/
1872
- }
1873
- .antd-Modal .antd-Modal-body .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap.antd-Field--quickEditable > div > div {
1874
- /*这里写在第二层div中是因为第一层div是display: flex;无法实现省略号*/
1875
- overflow: hidden;
1876
- text-overflow: ellipsis;
1877
- }
1878
- .antd-Modal .antd-Modal-body .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap.antd-Field--quickEditable > div > div > .antd-Form-static {
1879
- /*上面的样式无法解决url类型字段省略号问题*/
1880
- overflow: hidden;
1881
- text-overflow: ellipsis;
1882
- }
1883
- .antd-Modal .antd-Modal-body .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap.antd-Field--quickEditable > div > div > .antd-Form-static > .antd-Form-control .antd-TplField > span > a {
1884
- /*上面的样式无法解决附件类型字段省略号问题*/
1885
- overflow: hidden;
1886
- text-overflow: ellipsis;
1887
- }
1888
- .antd-Crud .antd-Table tbody td > .antd-Form-static {
1889
- display: inline;
1890
- }
1891
- .antd-Crud .antd-Table tbody td > .antd-Form-static .antd-Form-control {
1892
- display: inline;
1893
- }
1894
- @media (max-height: 780px) {
1895
- .steedos-table-quickEdit .antd-Select-menu {
1896
- max-height: 30vh;
1897
- }
1898
- }
1899
- .steedos-field-set-body .ae-Region-placeholder {
1900
- grid-column: span 2 / span 2;
1901
- height: 150px;
1902
- }
1903
- .steedos-amis-form > .antd-Container-body > div > .antd-Form-item {
1904
- margin-bottom: 0.75rem;
1905
- }
1906
-
1907
-
1908
- .steedos-dropdown-button-overlay .ant-dropdown-menu-item {
1909
- padding: 0px !important;
1910
- }
1911
-
1912
- #main {
1913
- overflow: hidden;
1914
- }
1915
-
1916
- #steedosPageRoot {
1917
- overflow: auto;
1918
- }
1919
-
1920
- /* 去除下拉按钮内图标的边距 */
1921
- .steedos-mobile-header-drop-down i.icon {
1922
- margin: 0;
1923
- }
1924
-
1925
- /* .buttons-drawer .antd-Drawer-content{
1926
- height: auto !important;
1927
- max-height: 70% !important;
1928
- } */
1929
-
1930
- /* .buttons-drawer .antd-Drawer-body{
1931
- overflow: inherit !important;
1932
- } */
1933
-
1934
- .buttons-drawer {
1935
- position: fixed !important;
1936
- top: 0 !important;
1937
- bottom: 0 !important;
1938
- left: 0 !important;
1939
- right: 0 !important;
1940
- max-height: unset;
1941
- padding: 0;
1942
- margin: 0;
1943
- }
1944
-
1945
- .buttons-drawer .antd-ButtonGroup button {
1946
- border-color: #c9c9c9;
1947
- border-right: none !important;
1948
- border-left: none !important;
1949
- border-bottom: none !important;
1950
- border-radius: 0px !important;
1951
- min-height: 50px;
1952
- }
1953
-
1954
- @media screen and (max-width: 767px) {
1955
- /* 手机版Modal全屏 */
1956
- .antd-Modal-content {
1957
- max-height: 100% !important;
1958
- margin: 0px !important;
1959
- border-radius: 0px !important;
1960
- height: 100% !important;
1961
- }
1962
-
1963
- /* 修正手机版TreeSelect样式异常 */
1964
- .antd-TreeSelect-popup .antd-Tree {
1965
- width: 100% !important;
1966
- }
1967
- }
1968
-
1969
- /* 修正手机版 body上的sidebar导致y滚动条异常 */
1970
- .sidebar {
1971
- padding-bottom: 0px !important;
1972
- }
1973
-
1974
- body.steedos {
1975
- /*此样式可能造成ios17系统的iphone svg显示不出来,移除就好了*/
1976
- -webkit-overflow-scrolling: unset;
1977
- }
1978
-
1979
- .steedos-record-detail-drawer .antd-Drawer-close {
1980
- display: none !important;
1981
- }
1982
-
1983
- /*steedosfieldset*/
1984
-
1985
- steedosfieldset.antd-Collapse--lg,
1986
- steedosfieldset.antd-Collapse--md,
1987
- steedosfieldset.antd-Collapse--base,
1988
- steedosfieldset.antd-Collapse--sm,
1989
- steedosfieldset.antd-Collapse--xs {
1990
- position: relative;
1991
- }
1992
- steedosfieldset.antd-Collapse--lg:after,
1993
- steedosfieldset.antd-Collapse--md:after,
1994
- steedosfieldset.antd-Collapse--base:after,
1995
- steedosfieldset.antd-Collapse--sm:after,
1996
- steedosfieldset.antd-Collapse--xs:after {
1997
- content: "";
1998
- pointer-events: none;
1999
- border: 1px solid var(--borderColor);
2000
- position: absolute;
2001
- z-index: 0;
2002
- top: 11px;
2003
- left: 0;
2004
- bottom: 0;
2005
- right: 0;
2006
- }
2007
- steedosfieldset.antd-Collapse--lg > legend,
2008
- steedosfieldset.antd-Collapse--md > legend,
2009
- steedosfieldset.antd-Collapse--base > legend,
2010
- steedosfieldset.antd-Collapse--sm > legend,
2011
- steedosfieldset.antd-Collapse--xs > legend {
2012
- position: absolute;
2013
- top: 0;
2014
- left: 0;
2015
- display: inline-block;
2016
- width: auto;
2017
- z-index: 1;
2018
- background: var(--Fieldset-legend-bgColor);
2019
- }
2020
- steedosfieldset.antd-Collapse--lg > legend.antd-Collapse-header.is-mobile,
2021
- steedosfieldset.antd-Collapse--md > legend.antd-Collapse-header.is-mobile,
2022
- steedosfieldset.antd-Collapse--base > legend.antd-Collapse-header.is-mobile,
2023
- steedosfieldset.antd-Collapse--sm > legend.antd-Collapse-header.is-mobile,
2024
- steedosfieldset.antd-Collapse--xs > legend.antd-Collapse-header.is-mobile {
2025
- position: absolute;
2026
- }
2027
- steedosfieldset.antd-Collapse--lg .collapse,
2028
- steedosfieldset.antd-Collapse--md .collapse,
2029
- steedosfieldset.antd-Collapse--base .collapse,
2030
- steedosfieldset.antd-Collapse--sm .collapse,
2031
- steedosfieldset.antd-Collapse--xs .collapse {
2032
- position: relative;
2033
- }
2034
- steedosfieldset.antd-Collapse {
2035
- border: none;
2036
- }
2037
- steedosfieldset.antd-Collapse > legend {
2038
- border-left: var(--fieldSet-legend-border-color)
2039
- var(--fieldSet-legend-border-width) solid;
2040
- height: var(--fieldSet-legend-height);
2041
- line-height: var(--fieldSet-legend-height);
2042
- margin: var(--fieldSet-legend-marginTop) var(--fieldSet-legend-marginRight)
2043
- var(--fieldSet-legend-marginBottom) var(--fieldSet-legend-marginLeft);
2044
- padding: var(--fieldSet-legend-paddingTop) var(--fieldSet-legend-paddingRight)
2045
- var(--fieldSet-legend-paddingBottom) var(--fieldSet-legend-paddingLeft);
2046
- cursor: pointer;
2047
- background: transparent;
2048
- display: inline-flex !important;
2049
- flex-direction: row-reverse;
2050
- justify-content: flex-end;
2051
- box-sizing: content-box;
2052
- }
2053
- steedosfieldset.antd-Collapse > legend .antd-TplField {
2054
- font-weight: var(--fieldSet-legend-fontWeight);
2055
- font-size: var(--fieldSet-legend-fontSize);
2056
- color: var(--fieldSet-legend-color);
2057
- }
2058
- steedosfieldset.antd-Collapse > legend:hover {
2059
- background: transparent;
2060
- }
2061
- steedosfieldset.antd-Collapse--xs {
2062
- padding: var(--fieldSet-size-xs-paddingTop)
2063
- var(--fieldSet-size-xs-paddingRight) var(--fieldSet-size-xs-paddingBottom)
2064
- var(--fieldSet-size-xs-paddingLeft);
2065
- }
2066
- steedosfieldset.antd-Collapse--xs > legend {
2067
- left: var(--fieldSet-size-xs-paddingLeft);
2068
- padding: 0 3px;
2069
- margin: 0 0 0 -3px;
2070
- }
2071
- steedosfieldset.antd-Collapse--xs > legend .antd-TplField {
2072
- font-size: var(--fieldSet-size-xs-fontSize);
2073
- }
2074
- steedosfieldset.antd-Collapse--xs > legend:hover {
2075
- background-color: var(--white);
2076
- }
2077
- steedosfieldset.antd-Collapse--xs:after {
2078
- top: calc(var(--fieldSet-size-xs-fontSize) / 2);
2079
- }
2080
- steedosfieldset.antd-Collapse--sm {
2081
- padding: var(--fieldSet-size-sm-paddingTop)
2082
- var(--fieldSet-size-sm-paddingRight) var(--fieldSet-size-sm-paddingBottom)
2083
- var(--fieldSet-size-sm-paddingLeft);
2084
- }
2085
- steedosfieldset.antd-Collapse--sm > legend {
2086
- left: var(--fieldSet-size-sm-paddingLeft);
2087
- padding: 0 5px;
2088
- margin: 0 0 0 -5px;
2089
- }
2090
- steedosfieldset.antd-Collapse--sm > legend .antd-TplField {
2091
- font-size: var(--fieldSet-size-sm-fontSize);
2092
- }
2093
- steedosfieldset.antd-Collapse--sm > legend:hover {
2094
- background-color: var(--white);
2095
- }
2096
- steedosfieldset.antd-Collapse--sm:after {
2097
- top: calc(var(--fieldSet-size-sm-fontSize) / 2);
2098
- }
2099
- steedosfieldset.antd-Collapse--base {
2100
- padding: var(--fieldSet-size-base-paddingTop)
2101
- var(--fieldSet-size-base-paddingRight)
2102
- var(--fieldSet-size-base-paddingBottom)
2103
- var(--fieldSet-size-base-paddingLeft);
2104
- }
2105
- steedosfieldset.antd-Collapse--base > legend {
2106
- left: var(--fieldSet-size-base-paddingLeft);
2107
- padding: 0 8px;
2108
- margin: 0 0 0 -8px;
2109
- }
2110
- steedosfieldset.antd-Collapse--base > legend .antd-TplField {
2111
- font-size: var(--fieldSet-size-base-fontSize);
2112
- }
2113
- steedosfieldset.antd-Collapse--base > legend:hover {
2114
- background-color: var(--white);
2115
- }
2116
- steedosfieldset.antd-Collapse--base:after {
2117
- top: calc(var(--fieldSet-size-base-fontSize) / 2);
2118
- }
2119
- steedosfieldset.antd-Collapse--md {
2120
- padding: var(--fieldSet-size-md-paddingTop)
2121
- var(--fieldSet-size-md-paddingRight) var(--fieldSet-size-md-paddingBottom)
2122
- var(--fieldSet-size-md-paddingLeft);
2123
- }
2124
- steedosfieldset.antd-Collapse--md > legend {
2125
- left: var(--fieldSet-size-md-paddingLeft);
2126
- padding: 0 10px;
2127
- margin: 0 0 0 -10px;
2128
- }
2129
- steedosfieldset.antd-Collapse--md > legend .antd-TplField {
2130
- font-size: var(--fieldSet-size-md-fontSize);
2131
- }
2132
- steedosfieldset.antd-Collapse--md > legend:hover {
2133
- background-color: var(--white);
2134
- }
2135
- steedosfieldset.antd-Collapse--md:after {
2136
- top: calc(var(--fieldSet-size-md-fontSize) / 2);
2137
- }
2138
- steedosfieldset.antd-Collapse--lg {
2139
- padding: var(--fieldSet-size-lg-paddingTop)
2140
- var(--fieldSet-size-lg-paddingRight) var(--fieldSet-size-lg-paddingBottom)
2141
- var(--fieldSet-size-lg-paddingLeft);
2142
- }
2143
- steedosfieldset.antd-Collapse--lg > legend {
2144
- left: var(--fieldSet-size-lg-paddingLeft);
2145
- padding: 0 var(--gap-md);
2146
- margin: 0 0 0 calc(var(--gap-md) * -1);
2147
- }
2148
- steedosfieldset.antd-Collapse--lg > legend .antd-TplField {
2149
- font-size: var(--fieldSet-size-lg-fontSize);
2150
- }
2151
- steedosfieldset.antd-Collapse--lg > legend:hover {
2152
- background-color: var(--white);
2153
- }
2154
- steedosfieldset.antd-Collapse--lg:after {
2155
- top: calc(var(--fieldSet-size-lg-fontSize) / 2);
2156
- }
2157
- steedosfieldset.antd-Collapse .antd-Collapse-header.is-mobile {
2158
- padding-left: var(--gap-xs) !important;
2159
- padding-right: 1.125rem;
2160
- }
2161
- steedosfieldset.antd-Collapse .antd-Collapse-header.is-mobile:hover {
2162
- background: var(--white);
2163
- }
2164
-
2165
- .steedos-amis-form steedosfieldset .antd-Collapse-body .antd-Collapse-content{
2166
- padding: var(--Collapse-content-padding);
2167
- }
2168
-
2169
-
2170
- .steedos-amis-form{
2171
- padding: var(--Collapse-content-padding);
2172
- }
2173
-
2174
- .steedos-header-toolbar-notifications-panel {
2175
- margin-bottom: 0px !important;
2176
- }
2177
- .steedos-listview .is-loading .antd-Table-contentWrap {
2178
- height: 50px;
2179
- }
2180
- .steedos-record-related-list .is-loading .antd-Table-contentWrap {
2181
- height: 50px;
2182
- }
2183
-
2184
- .lookup-left {
2185
- max-width: 50% !important;
2186
- }
2187
- .lookup-left .antd-Select-popover {
2188
- width: auto !important;
2189
- }
2190
- .antd-InputGroup .antd-SelectControl.lookup-left .antd-Select {
2191
- border-right-width: 1px;
2192
- border-top-right-radius: 5px;
2193
- border-bottom-right-radius: 5px;
2194
- }
2195
-
2196
- @media (min-width: 767px) {
2197
- .steedos-amis-form .antd-Collapse .antd-Form--normal,
2198
- .steedos-amis-form .antd-Form--normal .antd-Tabs .antd-Tabs-content .antd-Tabs-pane .form-content {
2199
- display: grid;
2200
- grid-template-columns: repeat(2, minmax(0, 1fr));
2201
- row-gap: 0.75rem;
2202
- -moz-column-gap: 1rem;
2203
- column-gap: 1rem;
2204
- }
2205
- .steedos-amis-form .antd-Collapse .antd-Form--horizontal,
2206
- .steedos-amis-form .antd-Form--horizontal .antd-Tabs .antd-Tabs-content .antd-Tabs-pane .form-content {
2207
- display: grid;
2208
- grid-template-columns: repeat(2, minmax(0, 1fr));
2209
- row-gap: 0.75rem;
2210
- -moz-column-gap: 1rem;
2211
- column-gap: 1rem;
2212
- }
2213
- .steedos-amis-form .antd-Collapse .antd-Picker .steedos-lookup-crud .antd-Form--normal,
2214
- .steedos-amis-form .antd-Collapse .antd-Picker .steedos-lookup-crud .antd-Form--horizontal {
2215
- display: block !important;
2216
- }
2217
- .steedos-amis-form .antd-Collapse .antd-Form--quickEdit {
2218
- grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
2219
- }
2220
- .steedos-object-form .antd-ComboControl .antd-Combo .antd-Form-row {
2221
- display: grid;
2222
- grid-template-columns: repeat(1, minmax(0, 1fr));
2223
- row-gap: 0rem;
2224
- -moz-column-gap: 1rem;
2225
- column-gap: 1rem;
2226
- }
2227
- .steedos-object-form .antd-Tabs-pane.is-active {
2228
- display: grid;
2229
- grid-template-columns: repeat(2, minmax(0, 1fr));
2230
- row-gap: 0.75rem;
2231
- -moz-column-gap: 1rem;
2232
- column-gap: 1rem;
2233
- }
2234
- .steedos-object-form .steedos-markdown .antd-Tabs-pane.is-active {
2235
- display: block;
2236
- }
2237
- .antd-Select-popover .antd-Select-menu .antd-Select-option .antd-Checkbox--checkbox {
2238
- white-space: nowrap;
2239
- }
2240
- .antd-Select-popover .antd-Select-menu .antd-Select-option .antd-Checkbox--checkbox > span {
2241
- vertical-align: middle;
2242
- }
2243
- .steedos-overflow-visible-dialog.antd-Modal .antd-Modal-content {
2244
- max-height: unset;
2245
- }
2246
- .steedos-overflow-visible-dialog.antd-Modal .antd-Modal-content .antd-Modal-body {
2247
- overflow: visible;
2248
- }
2249
- }
2250
- .steedos-object-form .antd-Collapse .antd-Collapse-header.hidden {
2251
- display: none !important;
2252
- }
2253
- .steedos-object-form .steedos-input-rich-text-readonly .antd-RichTextControl {
2254
- border: 0;
2255
- }
2256
- @media (max-width: 767px) {
2257
- .steedos-object-form .antd-Form-item .antd-Form-label + .antd-Form-item-controlBox {
2258
- max-width: unset;
2259
- }
2260
- .steedos-object-form .antd-Collapse::before {
2261
- content: unset;
2262
- }
2263
- }
2264
-
2265
- @media (max-width: 767px) {
2266
- .steedos-amis-form.antd-Form {
2267
- /* start ======== 移动端参照电脑端样式*/
2268
- /* =========end */
2269
- }
2270
- .steedos-amis-form.antd-Form .antd-Picker-valueWrap {
2271
- display: flex;
2272
- }
2273
- .steedos-amis-form.antd-Form .antd-Form-item > .antd-Form-label {
2274
- max-width: var(--Form-mode-default-width);
2275
- /* 修正手机端字段label太长时会换行的问题 */
2276
- width: auto;
2277
- }
2278
- .steedos-amis-form.antd-Form .antd-Select.is-mobile,
2279
- .steedos-amis-form.antd-Form .antd-DatePicker.is-mobile {
2280
- border-width: var(--Form-select-borderWidth);
2281
- border-style: var(--select-base-default-top-border-style) var(--select-base-default-right-border-style) var(--select-base-default-bottom-border-style) var(--select-base-default-left-border-style);
2282
- border-color: var(--Form-select-borderColor);
2283
- padding: var(--select-base-default-paddingTop) var(--select-base-default-paddingRight) var(--select-base-default-paddingBottom) var(--select-base-default-paddingLeft);
2284
- min-height: var(--Form-selectOption-height);
2285
- }
2286
- .steedos-amis-form.antd-Form .antd-Form-item::after {
2287
- border-bottom: unset;
2288
- }
2289
- .steedos-amis-form.antd-Form .antd-Form-item .antd-Form-control > .antd-TextControl-input,
2290
- .steedos-amis-form.antd-Form .antd-Form-item div.antd-TextareaControl {
2291
- border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
2292
- border-radius: var(--Form-input-borderRadius);
2293
- }
2294
- .steedos-amis-form.antd-Form .antd-Form-item .antd-Form-control > .antd-TextControl-input:hover,
2295
- .steedos-amis-form.antd-Form .antd-Form-item div.antd-TextareaControl:hover {
2296
- border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
2297
- border-radius: var(--Form-input-borderRadius);
2298
- }
2299
- .steedos-amis-form.antd-Form .antd-Form-item .antd-TextControl.is-focused > .antd-TextControl-input,
2300
- .steedos-amis-form.antd-Form .antd-Form-item div.is-focused.antd-TextareaControl {
2301
- border-color: var(--input-default-active-top-border-color) var(--input-default-active-right-border-color) var(--input-default-active-bottom-border-color) var(--input-default-active-left-border-color);
2302
- border-style: var(--input-default-active-top-border-style) var(--input-default-active-right-border-style) var(--input-default-active-bottom-border-style) var(--input-default-active-left-border-style);
2303
- border-width: var(--input-default-active-top-border-width) var(--input-default-active-right-border-width) var(--input-default-active-bottom-border-width) var(--input-default-active-left-border-width);
2304
- }
2305
- .steedos-amis-form.antd-Form .antd-Form-item .antd-TextControl.is-focused > .antd-TextControl-input:hover,
2306
- .steedos-amis-form.antd-Form .antd-Form-item div.is-focused.antd-TextareaControl:hover {
2307
- border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
2308
- border-radius: var(--Form-input-borderRadius);
2309
- }
2310
- .steedos-amis-form.antd-Form .antd-Form-item input {
2311
- height: 100%;
2312
- }
2313
- .steedos-amis-form.antd-Form .antd-Form-item {
2314
- display: block;
2315
- margin-top: 0.25rem;
2316
- margin-bottom: 0.25rem;
2317
- align-items: center;
2318
- padding: 0;
2319
- }
2320
- .steedos-amis-form.antd-Form .antd-Form-item .antd-NumberControl .antd-Number {
2321
- border: var(--Number-borderWidth) solid var(--Form-input-borderColor);
2322
- }
2323
- .steedos-amis-form.antd-Form .antd-Form-item .antd-PickerControl.is-mobile .antd-Picker-input {
2324
- border-width: var(--Pick-base-top-border-width) var(--Pick-base-right-border-width) var(--Pick-base-bottom-border-width) var(--Pick-base-left-border-width);
2325
- border-style: var(--Pick-base-top-border-style) var(--Pick-base-right-border-style) var(--Pick-base-bottom-border-style) var(--Pick-base-left-border-style);
2326
- border-color: var(--Pick-base-top-border-color) var(--Pick-base-right-border-color) var(--Pick-base-bottom-border-color) var(--Pick-base-left-border-color);
2327
- }
2328
- .steedos-amis-form.antd-Form .antd-Form-item .antd-Form-static {
2329
- padding-top: var(--Form-label-paddingTop);
2330
- padding-bottom: var(--Form-label-paddingTop);
2331
- min-height: var(--Form-input-height);
2332
- }
2333
- }
2334
-
2335
- .steedos-object-listview .antd-DropDown .antd-Button {
2336
- border-radius: 4px;
2337
- height: var(--button-size-default-height);
2338
- }
2339
- .steedos-object-listview .split-dropdown-buttons li {
2340
- height: unset;
2341
- }
2342
- .steedos-object-listview .split-dropdown-buttons li .antd-Button {
2343
- padding: 0;
2344
- border: none !important;
2345
- background: unset !important;
2346
- width: 100%;
2347
- justify-content: unset;
2348
- }
2349
- /*
2350
- 列表快速搜索,手机端及PC端分栏模式需要独占一行,另外card模式,即antd-Cards-toolbar也一样
2351
- */
2352
- .page-list-split .steedos-object-listview .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child,
2353
- .page-list-split .steedos-object-listview .antd-Crud .antd-Cards-toolbar:first-child .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child {
2354
- width: 100%;
2355
- margin-top: 8px;
2356
- }
2357
- .page-list-split .steedos-object-listview .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper,
2358
- .page-list-split .steedos-object-listview .antd-Crud .antd-Cards-toolbar:first-child .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper {
2359
- width: 100%;
2360
- }
2361
- .page-list-split .steedos-object-listview .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper .antd-SearchBox.is-active,
2362
- .page-list-split .steedos-object-listview .antd-Crud .antd-Cards-toolbar:first-child .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper .antd-SearchBox.is-active {
2363
- width: 100%;
2364
- }
2365
- @media (max-width: 768px) {
2366
- .steedos-object-table .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child,
2367
- .steedos-object-table .antd-Crud .antd-Cards-toolbar:first-child .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child {
2368
- width: 100%;
2369
- margin-top: 8px;
2370
- }
2371
- .steedos-object-table .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper,
2372
- .steedos-object-table .antd-Crud .antd-Cards-toolbar:first-child .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper {
2373
- width: 100%;
2374
- }
2375
- .steedos-object-table .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper .antd-SearchBox.is-active,
2376
- .steedos-object-table .antd-Crud .antd-Cards-toolbar:first-child .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper .antd-SearchBox.is-active {
2377
- width: 100%;
2378
- }
2379
- .antd-Modal .antd-Modal-body .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child,
2380
- .antd-Modal .antd-Modal-body .antd-Crud .antd-Cards-toolbar:first-child .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child {
2381
- width: 100%;
2382
- margin-top: 8px;
2383
- }
2384
- .antd-Modal .antd-Modal-body .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper,
2385
- .antd-Modal .antd-Modal-body .antd-Crud .antd-Cards-toolbar:first-child .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper {
2386
- width: 100%;
2387
- }
2388
- .antd-Modal .antd-Modal-body .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper .antd-SearchBox.is-active,
2389
- .antd-Modal .antd-Modal-body .antd-Crud .antd-Cards-toolbar:first-child .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper .antd-SearchBox.is-active {
2390
- width: 100%;
2391
- }
2392
- .steedos-object-table .antd-Crud > form.antd-Form:before {
2393
- border-bottom: none;
2394
- }
2395
- }
2396
- .page-list-grid > .antd-Page > .antd-Page-content > .antd-Page-main > .antd-Page-body,
2397
- .page-list-split > .antd-Page > .antd-Page-content > .antd-Page-main > .antd-Page-body {
2398
- height: 100%;
2399
- }
2400
- .page-list-grid .steedos-object-listview .steedos-object-listview-content-wrapper .steedos-object-listview-content,
2401
- .page-list-split .steedos-object-listview .steedos-object-listview-content-wrapper .steedos-object-listview-content {
2402
- height: calc(100% - 78px);
2403
- }
2404
- .page-list-grid .steedos-object-listview .steedos-object-listview-content-wrapper .steedos-object-listview-content .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body,
2405
- .page-list-split .steedos-object-listview .steedos-object-listview-content-wrapper .steedos-object-listview-content .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body {
2406
- max-height: calc(100% - 110px);
2407
- overflow-y: auto;
2408
- }
2409
- .page-list-split .steedos-object-listview .steedos-object-listview-content-wrapper .steedos-object-listview-content .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards {
2410
- width: 386px;
2411
- }
2412
- .page-list-split .steedos-object-listview .steedos-object-listview-content-wrapper .steedos-object-listview-content .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body {
2413
- max-height: calc(100% - 142px);
2414
- }
2415
- .page-list-split .steedos-object-listview .steedos-object-listview-content-wrapper .steedos-object-listview-content .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body > div {
2416
- flex-basis: 100%;
2417
- max-width: 100%;
2418
- padding: 0;
2419
- }
2420
- .page-list-split .steedos-object-listview .steedos-object-listview-content-wrapper .steedos-object-listview-content .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-toolbar {
2421
- /* crud的card模式不支持headerToolbarClassName和footerToolbarClassName,这里只能用first-child和last-child来区别 */
2422
- }
2423
- .page-list-split .steedos-object-listview .steedos-object-listview-content-wrapper .steedos-object-listview-content .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-toolbar:last-child {
2424
- margin-top: -6px;
2425
- }
2426
- @media (max-width: 768px) {
2427
- .page-list-grid .steedos-object-listview .steedos-object-listview-content-wrapper .steedos-object-listview-content .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body,
2428
- .page-list-split .steedos-object-listview .steedos-object-listview-content-wrapper .steedos-object-listview-content .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body {
2429
- max-height: unset;
2430
- }
2431
- .page-list-grid .steedos-object-listview .steedos-object-listview-content-wrapper .steedos-object-listview-content .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-toolbar,
2432
- .page-list-split .steedos-object-listview .steedos-object-listview-content-wrapper .steedos-object-listview-content .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-toolbar {
2433
- /* crud的card模式不支持headerToolbarClassName和footerToolbarClassName,这里只能用first-child和last-child来区别 */
2434
- }
2435
- .page-list-grid .steedos-object-listview .steedos-object-listview-content-wrapper .steedos-object-listview-content .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-toolbar:last-child,
2436
- .page-list-split .steedos-object-listview .steedos-object-listview-content-wrapper .steedos-object-listview-content .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-toolbar:last-child {
2437
- margin-top: -6px;
2438
- }
2439
- }
2440
- .steedos-object-listview .antd-Wrapper .steedos-listview-change-button .antd-DropDown-menu .antd-DropDown-groupTitle {
2441
- padding: 0;
2442
- }
2443
- .steedos-object-listview .antd-Wrapper .steedos-listview-change-button .antd-DropDown-menu li > .antd-Action {
2444
- width: 100%;
2445
- }
2446
- .steedos-object-listview .antd-Wrapper .steedos-listview-change-button .antd-DropDown-menu li > .antd-Action .steedos-listview-edit-button {
2447
- visibility: hidden;
2448
- }
2449
- .steedos-object-listview .antd-Wrapper .steedos-listview-change-button .antd-DropDown-menu li > .antd-Action .steedos-listview-edit-button .fa-edit {
2450
- color: #aaa;
2451
- font-weight: 400;
2452
- font-size: 13px;
2453
- }
2454
- .steedos-object-listview .antd-Wrapper .steedos-listview-change-button .antd-DropDown-menu li:hover .steedos-listview-edit-button {
2455
- visibility: visible;
2456
- }
2457
- .steedos-object-listview .antd-Wrapper .steedos-listview-change-button .antd-DropDown-menu li:hover .steedos-listview-edit-button:hover .fa-edit {
2458
- color: #2468f2;
2459
- }
2460
-
2461
- @media (min-width: 767px) {
2462
- /* 列表快速编辑功能样式 */
2463
- td.steedos-table-file-field div {
2464
- display: inline;
2465
- }
2466
- /* amis3.2版本快速编辑单元格样式:start */
2467
- body.amis-3-2 .steedos-object-table tbody td.antd-Field--quickEditable > div {
2468
- display: flex;
2469
- align-items: center;
2470
- justify-content: space-between;
2471
- }
2472
- body.amis-3-2 .steedos-object-table tbody td.antd-Field--quickEditable > div .antd-Field-quickEditBtn svg {
2473
- visibility: hidden;
2474
- }
2475
- body.amis-3-2 .steedos-object-table tbody td.antd-Field--quickEditable:hover div .antd-Field-quickEditBtn svg {
2476
- visibility: visible;
2477
- }
2478
- /* amis3.2版本快速编辑单元格样式:end */
2479
- .steedos-object-table thead tr th:nth-last-child(2),
2480
- .steedos-object-table colgroup col:nth-last-child(2),
2481
- .steedos-object-table tbody tr td:nth-last-child(2) {
2482
- padding: 0;
2483
- border: 0;
2484
- }
2485
- .steedos-object-table colgroup col:nth-last-child(2) {
2486
- width: 0.5px !important;
2487
- min-width: 0.5px !important;
2488
- }
2489
- .steedos-object-table tbody td.antd-Field--quickEditable .antd-Field-quickEditBtn svg {
2490
- visibility: hidden;
2491
- }
2492
- .steedos-object-table tbody td.antd-Field--quickEditable:hover .antd-Field-quickEditBtn svg {
2493
- visibility: visible;
2494
- }
2495
- .steedos-object-table .date-min-w {
2496
- min-width: 9em;
2497
- }
2498
- .steedos-object-table .datetime-min-w {
2499
- min-width: 12em;
2500
- }
2501
- .page-list-split .steedos-object-table .antd-Table-table tbody tr.antd-Table-placeholder {
2502
- height: var(--Table-placeholder-height);
2503
- }
2504
- }
2505
- @media (max-width: 768px) {
2506
- .steedos-object-table .antd-Table-table > tbody > tr + tr {
2507
- border-top: none;
2508
- }
2509
- }
2510
- .steedos-object-table.steedos-crud-mode-cards .antd-Crud {
2511
- height: 100%;
2512
- }
2513
- .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards {
2514
- height: 100%;
2515
- }
2516
- .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-toolbar {
2517
- /* crud的card模式不支持headerToolbarClassName和footerToolbarClassName,这里只能用first-child和last-child来区别 */
2518
- }
2519
- .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-toolbar:first-child {
2520
- padding-top: 0.5rem;
2521
- padding-bottom: 0.5rem;
2522
- padding-left: 1rem;
2523
- padding-right: 1rem;
2524
- background-color: rgb(243 244 246);
2525
- border-color: rgb(209 213 219);
2526
- border-style: solid;
2527
- border-bottom-width: 1px;
2528
- }
2529
- .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-toolbar:last-child {
2530
- padding-left: 1rem;
2531
- padding-right: 1rem;
2532
- background-color: transparent;
2533
- border-bottom-width: 0;
2534
- margin-bottom: 0;
2535
- }
2536
- .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body {
2537
- margin: 0.25rem;
2538
- }
2539
- .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body .antd-Card .antd-Card-heading .antd-Card-meta {
2540
- overflow: hidden;
2541
- }
2542
- .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body .antd-Card .antd-Card-heading .antd-Card-meta .antd-Card-title .antd-TplField a {
2543
- font-size: 16px;
2544
- }
2545
- .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body .antd-Card .antd-Card-body {
2546
- margin-top: -10px;
2547
- }
2548
- .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body .antd-Card .antd-Card-body .antd-Card-field .antd-Card-fieldLabel {
2549
- color: inherit;
2550
- margin-right: 6px;
2551
- flex: 1;
2552
- display: block;
2553
- white-space: nowrap;
2554
- overflow: hidden;
2555
- text-overflow: ellipsis;
2556
- }
2557
- .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body .antd-Card .antd-Card-body .antd-Card-field .antd-Card-fieldLabel:after {
2558
- content: ":";
2559
- }
2560
- .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body .antd-Card .antd-Card-body .antd-Card-field .antd-Card-fieldValue {
2561
- flex: 3;
2562
- display: block;
2563
- white-space: nowrap;
2564
- overflow: hidden;
2565
- text-overflow: ellipsis;
2566
- }
2567
- .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body .antd-Card .antd-Card-body .antd-Card-field .antd-Card-fieldValue .antd-TplField,
2568
- .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body .antd-Card .antd-Card-body .antd-Card-field .antd-Card-fieldValue .antd-PlainField {
2569
- display: block;
2570
- white-space: nowrap;
2571
- overflow: hidden;
2572
- text-overflow: ellipsis;
2573
- }
2574
- @media (max-width: 768px) {
2575
- .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body .antd-Card {
2576
- border-left: none;
2577
- border-right: none;
2578
- border-top: none;
2579
- border-radius: unset;
2580
- margin-top: -10px;
2581
- margin-left: 8px;
2582
- margin-right: 8px;
2583
- }
2584
- .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body .antd-Card .antd-Card-heading,
2585
- .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body .antd-Card .antd-Card-body {
2586
- padding: var(--gap-sm);
2587
- }
2588
- }
2589
- .page-list-split .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body .antd-Card {
2590
- border-left: none;
2591
- border-right: none;
2592
- border-top: none;
2593
- border-radius: unset;
2594
- margin-top: -10px;
2595
- margin-left: 8px;
2596
- margin-right: 8px;
2597
- }
2598
- .page-list-split .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body .antd-Card .antd-Card-heading,
2599
- .page-list-split .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body .antd-Card .antd-Card-body {
2600
- padding: var(--gap-sm);
2601
- }
2602
- @media (max-width: 768px) {
2603
- .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-toolbar {
2604
- /* crud的card模式不支持headerToolbarClassName和footerToolbarClassName,这里只能用first-child和last-child来区别 */
2605
- }
2606
- .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-toolbar:last-child {
2607
- text-align: center;
2608
- }
2609
- .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-toolbar:last-child .antd-Crud-toolbar-item.antd-Crud-toolbar-item--right {
2610
- float: none;
2611
- }
2612
- }
2613
-
2614
- .compact-layouts {
2615
- display: grid;
2616
- row-gap: 0rem;
2617
- -moz-column-gap: 1rem;
2618
- column-gap: 1rem;
2619
- }
2620
- .compact-layouts .antd-Form-item {
2621
- margin-bottom: 0px;
2622
- }
2623
- .compact-layouts .antd-Form-label {
2624
- margin-bottom: 0px;
2625
- }
2626
- .compact-layouts .antd-PopOver {
2627
- min-width: 420px;
2628
- max-width: 420px;
2629
- }
2630
- .compact-layouts .antd-PopOver .antd-Panel {
2631
- overflow-y: auto;
2632
- height: 100%;
2633
- }
2634
- .compact-layouts .steedos-field-lookup-each .antd-Form-static {
2635
- overflow: visible;
2636
- text-overflow: clip;
2637
- white-space: normal;
2638
- }
2639
- .compact-layouts .antd-Form-static,
2640
- .compact-layouts .antd-MultilineText-display {
2641
- overflow: hidden;
2642
- text-overflow: ellipsis;
2643
- white-space: nowrap;
2644
- }
2645
- .steedos-field-lookup-wrapper .antd-PopOver {
2646
- min-width: 420px;
2647
- max-width: 420px;
2648
- }
2649
- .steedos-record-detail-popover > .antd-Panel-body {
2650
- padding: 0px;
2651
- }
2652
- .steedos-record-detail-popover > .antd-Panel-body > .antd-Form {
2653
- display: block;
2654
- }
2655
- .steedos-record-detail-popover .compact-layouts {
2656
- display: block;
2657
- }
2658
- .steedos-record-detail-popover .compact-layouts .grid {
2659
- grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
2660
- }
2661
- .steedos-record-detail-popover .compact-layouts .antd-Form-item {
2662
- padding: 0px;
2663
- display: block;
2664
- }
2665
- .steedos-record-detail-popover .compact-layouts .antd-Form-item .antd-Form-label {
2666
- max-width: 100%;
2667
- }
2668
- .steedos-record-detail-popover .compact-layouts .antd-Form-item .antd-Form-item-controlBox {
2669
- max-width: 100%;
2670
- }
2671
- @media (max-width: 768px) {
2672
- .record-detail-header-name {
2673
- display: -webkit-box;
2674
- overflow: hidden;
2675
- text-overflow: ellipsis;
2676
- -webkit-line-clamp: 2;
2677
- -webkit-box-orient: vertical;
2678
- }
2679
- .compact-layouts {
2680
- display: block;
2681
- }
2682
- .compact-layouts .antd-Form-item {
2683
- padding: 0px;
2684
- display: block;
2685
- }
2686
- .compact-layouts .antd-Form-item .antd-Form-label {
2687
- max-width: 100%;
2688
- }
2689
- .compact-layouts .antd-Form-item .antd-Form-item-controlBox {
2690
- max-width: 100%;
2691
- }
2692
- }
2693
- .steedos-field-lookup-wrapper {
2694
- display: block !important;
2695
- }
2696
- .amis-dialog-widget .steedos-object-record-detail-header .steedos-object-record-detail-header-back-button {
2697
- display: none;
2698
- }
2699
-
2700
- .steedos-context-bar .antd-Nav-list {
2701
- border-bottom: 0px;
2702
- height: 40px;
2703
- }
2704
- .steedos-context-bar .antd-Nav .antd-Nav-list--tabs .antd-Nav-item.is-active {
2705
- box-shadow: none;
2706
- }
2707
- .steedos-context-bar .antd-Nav .antd-Nav-list--tabs .antd-Nav-item > a {
2708
- border: 0px;
2709
- padding-left: 12px;
2710
- padding-right: 12px;
2711
- border-top: solid transparent 3px;
2712
- }
2713
- .steedos-context-bar .antd-Nav .antd-Nav-list--tabs .antd-Nav-item:hover > a,
2714
- .steedos-context-bar .antd-Nav .antd-Nav-list--tabs .antd-Nav-item > a:focus {
2715
- border-top-left-radius: 0px;
2716
- border-top-right-radius: 0px;
2717
- background: rgba(21, 137, 238, 0.1);
2718
- border-top: solid rgba(21, 137, 238, 0.1) 3px;
2719
- }
2720
- .steedos-context-bar .antd-Nav .antd-Nav-list--tabs .antd-Nav-item.is-active > a {
2721
- border-top-left-radius: 0px;
2722
- border-top-right-radius: 0px;
2723
- background: rgba(21, 137, 238, 0.1);
2724
- border-top: solid rgb(14 165 233) 3px;
2725
- }
2726
- .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-itemToggler,
2727
- .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-itemToggler {
2728
- height: auto;
2729
- }
2730
- .h-fill {
2731
- height: -webkit-fill-available !important;
2732
- }
2733
- .steedos-global-header-root .sidebar-wrapper .antd-Nav .antd-Nav-Menu-item-link {
2734
- min-height: var(--Nav-Item-height);
2735
- height: unset;
2736
- }
2737
- .steedos-app-menu.stacked .antd-Nav-Menu .antd-Nav-Menu-submenu-selected > .antd-Nav-Menu-submenu-title .antd-Nav-Menu-item-label {
2738
- color: black;
2739
- }
2740
- .steedos-app-menu.stacked a,
2741
- .steedos-app-menu.stacked a:hover,
2742
- .steedos-app-menu.stacked a:active,
2743
- .steedos-app-menu.stacked a:focus {
2744
- color: black;
2745
- }
2746
- .steedos-app-menu.stacked .antd-Nav-Menu-item-active .antd-Nav-Menu-item-label,
2747
- .steedos-app-menu.stacked .antd-Nav-Menu-item-active .antd-Nav-Menu-item-icon,
2748
- .steedos-app-menu.stacked .antd-Nav-Menu-item-active .antd-Nav-Menu-item-icon-after,
2749
- .steedos-app-menu.stacked .antd-Nav-Menu-item-active .antd-Nav-Menu-submenu-arrow {
2750
- color: black;
2751
- }
2752
- .steedos-app-menu.stacked .antd-Nav-SearchBox.is-active {
2753
- width: calc(100% - 1rem);
2754
- margin: 0 0.5rem;
2755
- margin-bottom: 0.5rem;
2756
- }
2757
- .steedos-header-container-line-two .ant-dropdown-placement-bottomLeft {
2758
- left: -15px !important;
2759
- }
2760
- .antd-Nav-Menu-item-active .hover-inline-flex {
2761
- display: inline-flex !important;
2762
- }
2763
- .antd-Nav-Menu-submenu-active .hover-inline-flex {
2764
- display: inline-flex !important;
2765
- }
2766
- .antd-Nav-Menu-submenu-active .antd-Nav-Menu-item .hover-inline-flex {
2767
- display: none !important;
2768
- }
2769
- .steedos-app-menu-plus .antd-DropDown-menu-root {
2770
- right: 10px !important;
2771
- }
2772
-
2773
- #steedosGlobalFooterRoot .steedos-global-footer {
2774
- height: 4rem;
2775
- position: fixed;
2776
- bottom: 0;
2777
- z-index: 20;
2778
- width: 100%;
2779
- }
2780
- .steedos-global-footer {
2781
- border-top: 1px solid rgb(203 213 225);
2782
- }
2783
- .steedos-global-footer .antd-Nav-Menu-item-tooltip-wrap > .antd-Nav-Menu-item,
2784
- .steedos-global-footer .antd-Nav-Menu-overflow-item > .antd-Nav-Menu-submenu-title {
2785
- padding-bottom: 5px;
2786
- padding-left: 0;
2787
- padding-right: 0;
2788
- }
2789
- .steedos-global-footer .antd-Nav-Menu-submenu-selected {
2790
- border-bottom: none !important;
2791
- }
2792
- .steedos-global-footer .antd-Nav-Menu-item.antd-Nav-Menu-item-selected:after {
2793
- width: 0;
2794
- }
2795
- .steedos-global-footer .antd-Nav-Menu-item-wrap svg {
2796
- background-color: unset;
2797
- fill: #64748b;
2798
- }
2799
- .steedos-global-footer .antd-Nav-Menu-item-selected .text-gray-700 {
2800
- color: #0970d1 !important;
2801
- }
2802
- .steedos-global-footer .antd-Nav-Menu-item-selected svg {
2803
- fill: #0970d1;
2804
- }
2805
- .steedos-global-footer .antd-Nav-Menu-item-link,
2806
- .steedos-global-footer .antd-Nav-Menu-item-wrap,
2807
- .antd-Nav-Menu-overflow-item {
2808
- height: 100% !important;
2809
- }
2810
- .steedos-global-footer .antd-Nav-Menu-item.antd-Nav-Menu-item-selected {
2811
- background: transparent;
2812
- }
2813
- .steedos-global-footer .antd-Nav-Menu-submenu-title {
2814
- height: 100% !important;
2815
- display: flex;
2816
- align-items: center;
2817
- }
2818
- ç .antd-Nav-Menu-item-label-subTitle {
2819
- max-width: 100% !important;
2820
- }
2821
- .steedos-global-footer-root .antd-Nav-Menu-horizontal.antd-Nav-Menu-light {
2822
- justify-content: space-evenly;
2823
- height: 100%;
2824
- }
2825
- @media (max-width: 767px) {
2826
- .steedos-global-footer-root .antd-Nav-Menu-horizontal:after {
2827
- /*手机端底部导航左右间隔不平衡*/
2828
- content: unset;
2829
- }
2830
- }
2831
- .steedos-global-footer ul {
2832
- order: unset !important;
2833
- }
2834
- .steedos-global-footer-menu-page {
2835
- position: fixed;
2836
- bottom: 64px;
2837
- top: 53px;
2838
- overflow: auto;
2839
- height: unset;
2840
- z-index: 1000;
2841
- background-color: white;
2842
- }
2843
-
2844
- .sidebar-wrapper {
2845
- transition: 0.5s ease transform;
2846
- will-change: transform;
2847
- transform: translate(-100%, 0);
2848
- -webkit-transform: translate(-100%, 0);
2849
- -moz-transform: translate(-100%, 0);
2850
- -ms-transform: translate(-100%, 0);
2851
- -o-transform: translate(-100%, 0);
2852
- }
2853
- body.sidebar-open .sidebar-wrapper {
2854
- transform: translate(0, 0);
2855
- -webkit-transform: translate(0, 0);
2856
- -moz-transform: translate(0, 0);
2857
- -ms-transform: translate(0, 0);
2858
- -o-transform: translate(0, 0);
2859
- }
2860
- body.sidebar #sidebar {
2861
- margin-top: 50px;
2862
- }
2863
- @media (min-width: 768px) {
2864
- body.sidebar.sidebar-open #main {
2865
- margin-left: 220px;
2866
- }
2867
- }
2868
- @media (max-width: 768px) {
2869
- body.sidebar.sidebar-open #sidebar {
2870
- margin-top: 50px;
2871
- }
2872
- body.sidebar.sidebar-open #main {
2873
- padding-left: 0;
2874
- }
2875
- .sidebar-overlay {
2876
- display: none;
2877
- }
2878
- body.sidebar.sidebar-open .sidebar-overlay {
2879
- display: block;
2880
- transition: ease-out opacity 0.2s;
2881
- position: fixed;
2882
- top: 53px;
2883
- right: 0;
2884
- bottom: 0;
2885
- left: 0;
2886
- z-index: 1;
2887
- background: rgba(0, 0, 0, 0.6);
2888
- opacity: 1;
2889
- }
2890
- .steedos-header-toolbar-notifications-dialog .antd-Modal-content {
2891
- position: absolute !important;
2892
- left: 12px;
2893
- right: 12px;
2894
- top: 50px;
2895
- height: auto !important;
2896
- width: unset;
2897
- max-width: unset;
2898
- border-radius: var(--dialog-default-border-radius) !important;
2899
- padding: 0;
2900
- background: transparent;
2901
- border: none;
2902
- }
2903
- .steedos-header-toolbar-notifications-dialog .antd-Modal-content .antd-Modal-body {
2904
- padding: 0;
2905
- margin: 0;
2906
- }
2907
- .steedos-header-toolbar-notifications-dialog .antd-Modal-content .antd-Modal-body .steedos-header-toolbar-notifications-panel .steedos-header-toolbar-notifications-list {
2908
- max-height: 60vh;
2909
- margin: 0;
2910
- }
2911
- }
2912
-
2913
- .instance-default .instance-form .form-control .antd-Form-item {
2914
- padding: 0;
2915
- }
2916
- .instance-default .instance-form .form-control .antd-Form-item .antd-Form-static {
2917
- padding: 0;
2918
- }
2919
-
2920
- .steedos-select-flow-service .antd-TreeControl > .antd-Tree {
2921
- max-height: unset;
2922
- }
2923
- .steedos-select-flow-service .antd-TreeControl {
2924
- max-height: calc(100vh - 248px) !important;
2925
- overflow: auto;
2926
- }
2927
-
2928
- .steedos-amis-instance-view {
2929
- font-size: 0.8125rem;
2930
- }
2931
- .steedos-amis-instance-view .instance-name {
2932
- font-size: 20px;
2933
- }
2934
- .steedos-amis-instance-view .instance-form-view {
2935
- width: 100%;
2936
- border-collapse: collapse;
2937
- border: 2px solid #000;
2938
- }
2939
- .steedos-amis-instance-view .instance-applicant-view {
2940
- border: none !important;
2941
- }
2942
- .steedos-amis-instance-view .instance-applicant-view td {
2943
- border: none !important;
2944
- }
2945
- .steedos-amis-instance-view .instance-form-view .antd-TextControl-input {
2946
- background-color: transparent !important;
2947
- border: none !important;
2948
- box-shadow: none !important;
2949
- }
2950
- .steedos-amis-instance-view .instance-form-view .antd-Form-item .antd-Table-headToolbar {
2951
- display: none !important;
2952
- }
2953
- .steedos-amis-instance-view .instance-form-view .antd-ResultBox {
2954
- background-color: transparent !important;
2955
- border: none !important;
2956
- box-shadow: none !important;
2957
- }
2958
- .steedos-amis-instance-view .instance-form-view .antd-Select {
2959
- background-color: transparent !important;
2960
- border: none !important;
2961
- box-shadow: none !important;
2962
- }
2963
- .steedos-amis-instance-view .instance-form-view .antd-DatePicker {
2964
- background-color: transparent !important;
2965
- border: none !important;
2966
- box-shadow: none !important;
2967
- }
2968
- .steedos-amis-instance-view .instance-form-view .antd-TextareaControl-input {
2969
- background-color: transparent !important;
2970
- border: none !important;
2971
- box-shadow: none !important;
2972
- }
2973
- .steedos-amis-instance-view .instance-form-view .antd-Form-static .antd-Form-control {
2974
- padding-left: 0.75rem !important;
2975
- }
2976
- .steedos-amis-instance-view .instance-form-view .antd-Number {
2977
- background-color: transparent !important;
2978
- border: none !important;
2979
- box-shadow: none !important;
2980
- }
2981
- .steedos-amis-instance-view .instance-form-view .antd-Picker-input {
2982
- background-color: transparent !important;
2983
- border: none !important;
2984
- box-shadow: none !important;
2985
- }
2986
- .approval-drawer .antd-Drawer-content {
2987
- display: block !important;
2988
- height: auto !important;
2989
- }
2990
- .steedos-amis-instance-view .antd-PullRefresh {
2991
- height: 100%;
2992
- }
2993
- .steedos-amis-instance-view .instance-applicant-view .antd-Picker-input {
2994
- background-color: transparent !important;
2995
- border: none !important;
2996
- box-shadow: none !important;
2997
- }
2998
- .steedos-amis-instance-view #amis-root-workflow .antd-List-placeholder {
2999
- display: none;
3000
- }
3001
- .steedos-amis-instance-view .form-control {
3002
- background: no-repeat;
3003
- }
3004
- .steedos-amis-instance-view .form-control .antd-Table-table thead th {
3005
- background: transparent !important;
3006
- border-color: #000;
3007
- }
3008
- .steedos-amis-instance-view .form-control .antd-Table-table tbody td {
3009
- border: 1px solid #000;
3010
- }
3011
- .steedos-amis-instance-view .form-control .antd-Table-table tbody td:last-child {
3012
- border-right: none !important;
3013
- }
3014
- .steedos-amis-instance-view .form-control .antd-Table-table tbody td:first-child {
3015
- border-left: none !important;
3016
- }
3017
- .steedos-amis-instance-view .form-control .antd-Table-table tbody tr:last-child td {
3018
- border-bottom: none !important;
3019
- }
3020
- .steedos-amis-instance-view .form-control .antd-InputTable .antd-Table {
3021
- margin-bottom: 0px;
3022
- }
3023
- .steedos-amis-instance-view .form-control .antd-InputTable .antd-InputTable-toolbar {
3024
- border-top: 1px solid #000;
3025
- }
3026
- .steedos-amis-instance-view .form-control .antd-InputTable .antd-InputTable-toolbar button {
3027
- width: 100%;
3028
- height: 100%;
3029
- border-radius: 0px;
3030
- background: transparent;
3031
- border: none;
3032
- color: #000;
3033
- }
3034
-
3035
- .steedos-input-table .steedos-delete-button:hover {
3036
- color: rgb(239 68 68) !important;
3037
- }
3038
- .steedos-input-table .antd-Table-table .antd-Table-placeholder {
3039
- display: none;
3040
- }
3041
- .steedos-input-table .antd-Table-table thead > tr > th {
3042
- border-right: none;
3043
- }
3044
- .steedos-input-table .antd-Table-table td > div.antd-Form {
3045
- display: inline-block;
3046
- width: 100%;
3047
- }
3048
- .steedos-input-table .antd-Table-table td > div.antd-Form-item {
3049
- display: inline-block;
3050
- width: 100%;
3051
- }
3052
- .steedos-input-table.steedos-show-index tbody tr td:nth-child(1) {
3053
- text-align: center;
3054
- }
3055
- .steedos-input-table.steedos-show-index thead tr th:nth-child(1) .antd-TableCell--title {
3056
- visibility: hidden;
3057
- }
3058
- .steedos-input-table .antd-OperationField {
3059
- width: 50px;
3060
- }
3061
- .steedos-input-table.steedos-show-index.steedos-has-operations thead tr th:nth-child(2),
3062
- .steedos-input-table.steedos-show-index.steedos-has-operations tbody tr td:nth-child(2) {
3063
- padding: 0;
3064
- }
3065
- .steedos-input-table.steedos-show-index.steedos-has-operations td .antd-OperationField {
3066
- margin-left: 0;
3067
- text-align: center;
3068
- margin-left: -46px;
3069
- position: relative;
3070
- visibility: hidden;
3071
- }
3072
- .steedos-input-table.steedos-show-index.steedos-has-operations tbody tr:hover td .antd-OperationField {
3073
- background-color: var(--Table-onHover-bg);
3074
- visibility: visible;
3075
- }
3076
- .steedos-input-table.steedos-has-operations.steedos-tree-mode td .antd-OperationField {
3077
- display: inline-flex;
3078
- visibility: hidden;
3079
- justify-content: center;
3080
- }
3081
- .steedos-input-table.steedos-has-operations.steedos-tree-mode tbody tr:hover td .antd-OperationField {
3082
- display: inline-flex;
3083
- visibility: visible;
3084
- justify-content: center;
3085
- }
3086
- .steedos-input-table.steedos-has-operations thead tr th:nth-child(1),
3087
- .steedos-input-table.steedos-has-operations tbody tr td:nth-child(1) {
3088
- padding: 0;
3089
- }
3090
- .steedos-input-table.steedos-has-operations td .antd-OperationField {
3091
- margin-left: 5px;
3092
- text-align: center;
3093
- display: none;
3094
- }
3095
- .steedos-input-table.steedos-has-operations tbody tr:hover td .antd-OperationField {
3096
- background-color: var(--Table-onHover-bg);
3097
- display: inline-flex;
3098
- justify-content: center;
3099
- }
3100
- .steedos-input-table.steedos-has-operations td .antd-Table-expandBtn2 + .antd-OperationField,
3101
- .steedos-input-table.steedos-has-operations td .antd-Table-expandSpace + .antd-OperationField {
3102
- margin-left: 0;
3103
- }
3104
- @media (max-width: 767px) {
3105
- .steedos-input-table.steedos-show-index.steedos-has-operations tbody tr:hover td .antd-OperationField {
3106
- background-color: white;
3107
- }
3108
- .steedos-input-table.steedos-has-operations tbody tr:hover td .antd-OperationField {
3109
- background-color: white;
3110
- }
3111
- }
3112
-
3113
-
3114
-
3115
- .steedos-record-selected {
3116
- background: var(--Table-onChecked-bg) !important;
3117
- color: var(--Table-onChecked-color) !important;
3118
- }
3119
- .steedos-record-selected span {
3120
- color: var(--Table-onChecked-color) !important;
3121
- }