@syncfusion/ej2-angular-kanban 19.3.53 → 19.4.47

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.
@@ -221,14 +221,17 @@
221
221
  width: 50px;
222
222
  }
223
223
 
224
+ .e-kanban .e-swimlane .e-kanban-table.e-content-table {
225
+ border-spacing: 10px 0;
226
+ }
227
+
224
228
  .e-kanban .e-frozen-swimlane-row {
225
229
  position: relative;
226
230
  z-index: 101;
227
231
  }
228
232
 
229
233
  .e-kanban .e-frozen-swimlane-row .e-frozen-row {
230
- padding-left: 10px;
231
- padding-top: 13px;
234
+ padding: 13px 0 0 10px;
232
235
  }
233
236
 
234
237
  .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header {
@@ -245,8 +248,9 @@
245
248
 
246
249
  .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-item-count {
247
250
  font-size: 12px;
251
+ font-weight: 400;
248
252
  line-height: 20px;
249
- opacity: .57;
253
+ opacity: 0.57;
250
254
  padding: 2px;
251
255
  }
252
256
 
@@ -255,8 +259,9 @@
255
259
  border: 1px solid transparent;
256
260
  color: #777;
257
261
  cursor: pointer;
262
+ font-size: 12px;
258
263
  height: 24px;
259
- margin-left: 8px;
264
+ margin: 0 0 0 8px;
260
265
  padding: 6px;
261
266
  }
262
267
 
@@ -264,11 +269,19 @@
264
269
  .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:hover,
265
270
  .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:focus {
266
271
  background: #e6e6e6;
272
+ border: 1px solid transparent;
267
273
  border-radius: 0%;
268
- margin-left: 8px;
274
+ box-shadow: none;
275
+ color: #777;
276
+ margin: 0 0 0 8px;
269
277
  padding: 6px;
270
278
  }
271
279
 
280
+ .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand:focus,
281
+ .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:focus {
282
+ box-shadow: none;
283
+ }
284
+
272
285
  .e-kanban .e-kanban-header > div {
273
286
  overflow: hidden;
274
287
  }
@@ -303,6 +316,7 @@
303
316
 
304
317
  .e-kanban .e-kanban-header .e-header-cells.e-toggle-header .e-column-expand {
305
318
  cursor: pointer;
319
+ font-size: 12px;
306
320
  padding: 6px;
307
321
  }
308
322
 
@@ -326,6 +340,11 @@
326
340
  width: 50px;
327
341
  }
328
342
 
343
+ .e-kanban .e-kanban-header .e-header-cells.e-collapsed .e-header-wrap {
344
+ -ms-flex-pack: center;
345
+ justify-content: center;
346
+ }
347
+
329
348
  .e-kanban .e-kanban-header .e-header-cells.e-collapsed.e-min-color {
330
349
  background: #ffe082;
331
350
  }
@@ -352,7 +371,9 @@
352
371
  font-size: 12px;
353
372
  font-weight: 400;
354
373
  line-height: 24px;
355
- opacity: .57;
374
+ margin-top: 0;
375
+ opacity: 0.57;
376
+ text-transform: lowercase;
356
377
  }
357
378
 
358
379
  .e-kanban .e-kanban-header .e-header-cells .e-limits {
@@ -365,7 +386,7 @@
365
386
  .e-kanban .e-kanban-header .e-header-cells .e-limits .e-max-count {
366
387
  font-size: 13px;
367
388
  font-weight: 400;
368
- opacity: .57;
389
+ opacity: 0.57;
369
390
  width: 100%;
370
391
  }
371
392
 
@@ -389,7 +410,7 @@
389
410
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-limits .e-max-count {
390
411
  font-size: 13px;
391
412
  font-weight: 400;
392
- opacity: .57;
413
+ opacity: 0.57;
393
414
  padding: 4px 8px;
394
415
  }
395
416
 
@@ -423,10 +444,10 @@
423
444
  font-size: 16px;
424
445
  font-weight: 400;
425
446
  overflow: hidden;
426
- padding-left: 13px;
427
- padding-top: 8px;
447
+ padding: 8px 0 0 13px;
428
448
  position: relative;
429
449
  text-overflow: ellipsis;
450
+ text-transform: lowercase;
430
451
  white-space: nowrap;
431
452
  -ms-writing-mode: tb-lr;
432
453
  writing-mode: vertical-lr;
@@ -446,7 +467,7 @@
446
467
  }
447
468
 
448
469
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-show-add-button .e-show-add-icon {
449
- padding-top: 11px;
470
+ padding: 11px;
450
471
  text-align: center;
451
472
  }
452
473
 
@@ -469,14 +490,20 @@
469
490
 
470
491
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-empty-card,
471
492
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-empty-card {
493
+ color: inherit;
494
+ display: inline;
472
495
  font-size: 13px;
473
496
  line-height: 40px;
497
+ margin: 0;
474
498
  padding: 10px 0;
475
499
  position: relative;
476
500
  }
477
501
 
478
502
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card,
479
503
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card {
504
+ border: 1px solid rgba(0, 0, 0, 0.12);
505
+ border-radius: 4px;
506
+ box-shadow: none;
480
507
  margin-bottom: 8px;
481
508
  min-height: 50px;
482
509
  }
@@ -494,6 +521,7 @@
494
521
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header .e-card-header-title,
495
522
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-header .e-card-header-title {
496
523
  font-size: 14px;
524
+ font-weight: 400;
497
525
  line-height: 20px;
498
526
  }
499
527
 
@@ -514,6 +542,7 @@
514
542
 
515
543
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color,
516
544
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color {
545
+ border: 1px solid rgba(0, 0, 0, 0.12);
517
546
  border-left: 3px solid;
518
547
  }
519
548
 
@@ -534,7 +563,24 @@
534
563
 
535
564
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color.e-selection,
536
565
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color.e-selection {
566
+ border: 1px solid rgba(0, 0, 0, 0.12);
567
+ border-left: 3px solid;
568
+ box-shadow: none;
569
+ }
570
+
571
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color.e-selection:hover,
572
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color.e-selection:hover {
573
+ border: 1px solid rgba(0, 0, 0, 0.12);
574
+ border-left: 3px solid;
575
+ box-shadow: none;
576
+ padding: 0;
577
+ }
578
+
579
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color:hover,
580
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color:hover {
581
+ border: 1px solid rgba(0, 0, 0, 0.12);
537
582
  border-left: 3px solid;
583
+ box-shadow: none;
538
584
  }
539
585
 
540
586
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-footer,
@@ -544,7 +590,7 @@
544
590
 
545
591
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-tag,
546
592
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-tag {
547
- border-radius: 12px;
593
+ border-radius: 4px;
548
594
  display: inline-block;
549
595
  font-size: 12px;
550
596
  line-height: 20px;
@@ -553,7 +599,6 @@
553
599
  overflow: hidden;
554
600
  padding: 2px 8px;
555
601
  text-overflow: ellipsis;
556
- border-radius: 4px;
557
602
  }
558
603
 
559
604
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-tags,
@@ -562,19 +607,39 @@
562
607
  padding: 0 11px 8px;
563
608
  }
564
609
 
565
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-footer,
566
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-footer {
567
- padding: 0 11px 7px;
568
- }
569
-
570
610
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-cloned-card,
571
611
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-cloned-card {
572
612
  position: absolute;
573
613
  z-index: 1;
574
614
  }
575
615
 
616
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-selection,
617
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-selection {
618
+ border: 1px solid rgba(0, 0, 0, 0.12);
619
+ box-shadow: none;
620
+ }
621
+
622
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-selection:hover,
623
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-selection:hover {
624
+ border: 1px solid rgba(0, 0, 0, 0.12);
625
+ box-shadow: none;
626
+ padding: 0;
627
+ }
628
+
629
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card:hover,
630
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card:hover {
631
+ border: 1px solid rgba(0, 0, 0, 0.12);
632
+ box-shadow: none;
633
+ }
634
+
635
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card:focus,
636
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card:focus {
637
+ border: 1px solid rgba(0, 0, 0, 0.12);
638
+ }
639
+
576
640
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color:focus,
577
641
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color:focus {
642
+ border: 1px solid rgba(0, 0, 0, 0.12);
578
643
  border-left: 3px solid;
579
644
  }
580
645
 
@@ -601,11 +666,13 @@
601
666
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
602
667
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dragged-clone,
603
668
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dropped-clone {
669
+ border-radius: 0;
604
670
  margin-bottom: 8px;
605
671
  }
606
672
 
607
673
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dragged-clone,
608
674
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dragged-clone {
675
+ background-color: #f5f5f5;
609
676
  border: 1px dashed #ddd;
610
677
  }
611
678
 
@@ -638,6 +705,7 @@
638
705
  .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header {
639
706
  display: -ms-flexbox;
640
707
  display: flex;
708
+ padding: 0;
641
709
  }
642
710
 
643
711
  .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand,
@@ -645,8 +713,9 @@
645
713
  border: 1px solid transparent;
646
714
  color: #777;
647
715
  cursor: pointer;
716
+ font-size: 12px;
648
717
  height: 24px;
649
- margin-left: 8px;
718
+ margin: 0 0 0 8px;
650
719
  padding: 6px;
651
720
  }
652
721
 
@@ -654,8 +723,12 @@
654
723
  .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse:hover,
655
724
  .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse:focus {
656
725
  background: #e6e6e6;
726
+ border: 1px solid transparent;
657
727
  border-radius: 0%;
658
- margin-left: 8px;
728
+ box-shadow: none;
729
+ color: #777;
730
+ font-size: 12px;
731
+ margin: 0 0 0 8px;
659
732
  padding: 6px;
660
733
  }
661
734
 
@@ -667,9 +740,11 @@
667
740
  }
668
741
 
669
742
  .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-item-count {
743
+ color: inherit;
670
744
  font-size: 12px;
745
+ font-weight: 400;
671
746
  line-height: 20px;
672
- opacity: .57;
747
+ opacity: 0.57;
673
748
  padding: 2px;
674
749
  }
675
750
 
@@ -693,6 +768,7 @@
693
768
 
694
769
  .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells:focus {
695
770
  border: 1px solid #e6e6e6;
771
+ box-shadow: none;
696
772
  }
697
773
 
698
774
  .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells .e-card-wrapper,
@@ -743,9 +819,7 @@
743
819
 
744
820
  .e-kanban.e-rtl .e-kanban-table.e-content-table .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand,
745
821
  .e-kanban.e-rtl .e-kanban-table.e-content-table .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse {
746
- height: 24px;
747
- margin-left: 0;
748
- margin-right: 8px;
822
+ margin: 0 8px 0 0;
749
823
  }
750
824
 
751
825
  .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar {
@@ -759,7 +833,10 @@
759
833
  }
760
834
 
761
835
  .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar .e-toolbar-swimlane-name {
836
+ color: inherit;
762
837
  font-size: 14px;
838
+ font-weight: 400;
839
+ line-height: 1.5;
763
840
  padding: 5px;
764
841
  }
765
842
 
@@ -770,6 +847,7 @@
770
847
 
771
848
  .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar .e-toolbar-menu .e-icon-menu,
772
849
  .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar .e-toolbar-level-title .e-icon-menu {
850
+ color: inherit;
773
851
  font-size: 14px;
774
852
  padding: 7px;
775
853
  padding-left: 4px;
@@ -803,7 +881,7 @@
803
881
  .e-kanban.e-device .e-swimlane-content .e-swimlane-overlay.e-enable {
804
882
  background-color: #383838;
805
883
  height: 100%;
806
- opacity: .5;
884
+ opacity: 0.5;
807
885
  width: 100%;
808
886
  }
809
887
 
@@ -823,6 +901,37 @@
823
901
  font-size: 18px;
824
902
  }
825
903
 
904
+ .e-bigger .e-kanban .e-kanban-table.e-content-table,
905
+ .e-bigger.e-kanban .e-kanban-table.e-content-table {
906
+ border-spacing: 10px 0;
907
+ }
908
+
909
+ .e-bigger .e-kanban .e-swimlane .e-kanban-table.e-content-table,
910
+ .e-bigger.e-kanban .e-swimlane .e-kanban-table.e-content-table {
911
+ border-spacing: 10px 0;
912
+ }
913
+
914
+ .e-bigger .e-kanban .e-frozen-swimlane-row .e-frozen-row,
915
+ .e-bigger.e-kanban .e-frozen-swimlane-row .e-frozen-row {
916
+ padding: 13px 0 0 10px;
917
+ }
918
+
919
+ .e-bigger .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-text,
920
+ .e-bigger.e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-text {
921
+ font-size: 14px;
922
+ }
923
+
924
+ .e-bigger .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-item-count,
925
+ .e-bigger.e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-item-count {
926
+ line-height: 20px;
927
+ padding: 2px;
928
+ }
929
+
930
+ .e-bigger .e-kanban .e-kanban-table col.e-collapsed,
931
+ .e-bigger.e-kanban .e-kanban-table col.e-collapsed {
932
+ width: 50px;
933
+ }
934
+
826
935
  .e-bigger .e-kanban .e-kanban-table .e-header-cells,
827
936
  .e-bigger.e-kanban .e-kanban-table .e-header-cells {
828
937
  height: 56px;
@@ -831,7 +940,129 @@
831
940
  .e-bigger .e-kanban .e-kanban-table .e-header-cells .e-header-text,
832
941
  .e-bigger.e-kanban .e-kanban-table .e-header-cells .e-header-text {
833
942
  font-size: 16px;
943
+ font-weight: 400;
834
944
  line-height: 24px;
945
+ text-transform: lowercase;
946
+ }
947
+
948
+ .e-bigger .e-kanban .e-kanban-table .e-header-cells .e-item-count,
949
+ .e-bigger.e-kanban .e-kanban-table .e-header-cells .e-item-count {
950
+ font-size: 12px;
951
+ font-weight: 400;
952
+ line-height: 24px;
953
+ margin-top: 0;
954
+ text-transform: lowercase;
955
+ }
956
+
957
+ .e-bigger .e-kanban .e-kanban-table .e-header-cells .e-column-collapse,
958
+ .e-bigger .e-kanban .e-kanban-table .e-header-cells .e-column-expand,
959
+ .e-bigger.e-kanban .e-kanban-table .e-header-cells .e-column-collapse,
960
+ .e-bigger.e-kanban .e-kanban-table .e-header-cells .e-column-expand {
961
+ font-size: 12px;
962
+ }
963
+
964
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper,
965
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container,
966
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper,
967
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container {
968
+ padding: 8px 8px 0;
969
+ }
970
+
971
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dragged-clone,
972
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
973
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dragged-clone,
974
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dropped-clone,
975
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dragged-clone,
976
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
977
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dragged-clone,
978
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dropped-clone {
979
+ margin-bottom: 8px;
980
+ }
981
+
982
+ .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header,
983
+ .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header {
984
+ padding: 0;
985
+ }
986
+
987
+ .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-text,
988
+ .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-text {
989
+ font-size: 14px;
990
+ line-height: 20px;
991
+ }
992
+
993
+ .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-item-count,
994
+ .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-item-count {
995
+ font-size: 12px;
996
+ line-height: 20px;
997
+ padding: 2px;
998
+ }
999
+
1000
+ .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand,
1001
+ .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse,
1002
+ .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand,
1003
+ .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse {
1004
+ font-size: 12px;
1005
+ }
1006
+
1007
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header,
1008
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header,
1009
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header,
1010
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header {
1011
+ padding: 7px 11px 0 8px;
1012
+ }
1013
+
1014
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
1015
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content,
1016
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
1017
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content {
1018
+ padding: 8px 11px 8px 8px;
1019
+ }
1020
+
1021
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-tags,
1022
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-footer,
1023
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-tags,
1024
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-footer,
1025
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-tags,
1026
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-footer,
1027
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-tags,
1028
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-footer {
1029
+ padding: 0 11px 7px 8px;
1030
+ }
1031
+
1032
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header,
1033
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-header,
1034
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header,
1035
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-header {
1036
+ padding: 7px 11px 0;
1037
+ }
1038
+
1039
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-content,
1040
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-content,
1041
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-content,
1042
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-content {
1043
+ padding: 8px 11px;
1044
+ }
1045
+
1046
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-tags,
1047
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-footer,
1048
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-tags,
1049
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-footer,
1050
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-tags,
1051
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-footer,
1052
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-tags,
1053
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-footer {
1054
+ padding: 0 11px 7px;
1055
+ }
1056
+
1057
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color,
1058
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color,
1059
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card,
1060
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card,
1061
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color,
1062
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color,
1063
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card,
1064
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card {
1065
+ margin-bottom: 8px;
835
1066
  }
836
1067
 
837
1068
  .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header .e-card-header-title,
@@ -843,6 +1074,7 @@
843
1074
  .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header .e-card-header-title,
844
1075
  .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-header .e-card-header-title {
845
1076
  font-size: 15px;
1077
+ line-height: 20px;
846
1078
  }
847
1079
 
848
1080
  .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
@@ -854,6 +1086,7 @@
854
1086
  .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-content,
855
1087
  .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-content {
856
1088
  font-size: 14px;
1089
+ line-height: 20px;
857
1090
  }
858
1091
 
859
1092
  .e-mobile-popup-wrapper.e-device,
@@ -890,14 +1123,14 @@
890
1123
 
891
1124
  .e-mobile-popup-wrapper.e-device .e-popup-content,
892
1125
  .e-mobile-popup-container.e-device .e-popup-content {
1126
+ color: inherit;
893
1127
  font-size: 15px;
894
1128
  font-weight: 500;
895
1129
  overflow: hidden;
896
- padding: 5px;
1130
+ padding: 4px;
897
1131
  text-overflow: ellipsis;
898
1132
  white-space: nowrap;
899
1133
  width: 100%;
900
- padding: 4px;
901
1134
  }
902
1135
 
903
1136
  .e-kanban-dialog {
@@ -911,10 +1144,12 @@
911
1144
 
912
1145
  .e-kanban-dialog .e-kanban-form-wrapper table td,
913
1146
  .e-kanban-dialog .e-kanban-form-container table td {
1147
+ color: inherit;
914
1148
  font-size: 14px;
1149
+ font-weight: 400;
915
1150
  letter-spacing: 0;
916
1151
  line-height: 18px;
917
- opacity: .87;
1152
+ opacity: 0.87;
918
1153
  padding: 5px 0;
919
1154
  text-align: left;
920
1155
  }
@@ -922,6 +1157,7 @@
922
1157
  .e-kanban-dialog .e-kanban-form-wrapper table .e-label,
923
1158
  .e-kanban-dialog .e-kanban-form-container table .e-label {
924
1159
  padding-right: 10px;
1160
+ vertical-align: top;
925
1161
  width: 35px;
926
1162
  }
927
1163
 
@@ -930,8 +1166,9 @@
930
1166
  width: 100%;
931
1167
  }
932
1168
 
933
- .e-kanban-dialog .e-dialog-delete {
1169
+ .e-kanban-dialog .e-footer-content .e-dialog-delete.e-btn {
934
1170
  float: left;
1171
+ margin-left: 0;
935
1172
  }
936
1173
 
937
1174
  *.e-rtl .e-kanban-form-wrapper table .e-label,
@@ -954,11 +1191,18 @@
954
1191
  background-color: #f5f5f5;
955
1192
  }
956
1193
 
957
- .e-kanban .e-kanban-table .e-header-cells .e-header-text,
1194
+ .e-kanban .e-kanban-table .e-header-cells .e-header-text {
1195
+ color: #333;
1196
+ }
1197
+
958
1198
  .e-kanban .e-kanban-table .e-header-cells .e-item-count {
959
1199
  color: #333;
960
1200
  }
961
1201
 
1202
+ .e-kanban .e-kanban-table .e-header-cells .e-limits {
1203
+ color: inherit;
1204
+ }
1205
+
962
1206
  .e-kanban .e-kanban-table .e-header-cells .e-column-expand,
963
1207
  .e-kanban .e-kanban-table .e-header-cells .e-column-collapse {
964
1208
  border: 1px solid transparent;
@@ -969,7 +1213,10 @@
969
1213
  .e-kanban .e-kanban-table .e-header-cells .e-column-collapse:hover,
970
1214
  .e-kanban .e-kanban-table .e-header-cells .e-column-collapse:focus {
971
1215
  background: #e6e6e6;
1216
+ border: 1px solid transparent;
972
1217
  border-radius: 0%;
1218
+ box-shadow: none;
1219
+ color: #777;
973
1220
  }
974
1221
 
975
1222
  .e-kanban .e-kanban-table.e-content-table .e-content-row:not(.e-swimlane-row) td {
@@ -1024,7 +1271,10 @@
1024
1271
  background: #fff;
1025
1272
  }
1026
1273
 
1027
- .e-kanban .e-frozen-swimlane-row .e-swimlane-header .e-swimlane-text,
1274
+ .e-kanban .e-frozen-swimlane-row .e-swimlane-header .e-swimlane-text {
1275
+ color: #333;
1276
+ }
1277
+
1028
1278
  .e-kanban .e-frozen-swimlane-row .e-swimlane-header .e-item-count {
1029
1279
  color: #333;
1030
1280
  }