@syncfusion/ej2-angular-kanban 19.3.46 → 19.4.41

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