iguazio.dashboard-controls 1.2.2 → 1.2.3

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.
@@ -3666,6 +3666,149 @@ ncl-functions {
3666
3666
  }
3667
3667
  }
3668
3668
 
3669
+ /**
3670
+ UI.Layout CSS
3671
+ *************************************/
3672
+ .stretch {
3673
+ position: absolute;
3674
+ top: 0;
3675
+ left: 0;
3676
+ right: 0;
3677
+ bottom: 0;
3678
+ /* Can be changed by hand ;)*/
3679
+ overflow: auto;
3680
+ }
3681
+
3682
+ .animate-row, .animate-column {
3683
+ -webkit-transition: all .2s cubic-bezier(0, 0, 0.2, 1);
3684
+ -moz-transition: all .2s cubic-bezier(0, 0, 0.2, 1);
3685
+ -ms-transition: all .2s cubic-bezier(0, 0, 0.2, 1);
3686
+ -o-transition: all .2s cubic-bezier(0, 0, 0.2, 1);
3687
+ transition: all .2s cubic-bezier(0, 0, 0.2, 1);
3688
+ }
3689
+
3690
+ .ui-splitbar {
3691
+ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
3692
+ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
3693
+ display: -ms-flexbox; /* TWEENER - IE 10 */
3694
+ display: -webkit-flex; /* NEW - Chrome */
3695
+ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
3696
+ -webkit-justify-content: center;
3697
+ justify-content: center;
3698
+
3699
+ background-color: #ffffff;
3700
+ right: auto;
3701
+ position: absolute;
3702
+ z-index: 1;
3703
+ }
3704
+
3705
+ .ui-layout-row > .ui-splitbar {
3706
+ height: 8px;
3707
+ width: 100%;
3708
+ cursor: row-resize;
3709
+ text-align: center;
3710
+ justify-content: center;
3711
+ align-items: center;
3712
+ background: linear-gradient(to bottom, #fff 0%, #eee 100%);
3713
+ overflow-y: hidden;
3714
+ }
3715
+
3716
+ .ui-layout-column > .ui-splitbar {
3717
+ width: 8px;
3718
+ height: 100%;
3719
+ cursor: col-resize;
3720
+ -webkit-flex-direction: column;
3721
+ flex-direction: column;
3722
+ background: linear-gradient(to right, #fff 0%, #eee 100%);
3723
+ overflow-x: hidden;
3724
+ }
3725
+
3726
+ .ui-layout-column > .ui-splitbar > a,
3727
+ .ui-layout-row > .ui-splitbar > a {
3728
+ cursor: pointer;
3729
+ text-align: center;
3730
+ font-size: 16px;
3731
+ color: #aaa;
3732
+ }
3733
+
3734
+ .ui-layout-column > .ui-splitbar > a:nth-child(2) {
3735
+ margin-top: 0.35rem;
3736
+ }
3737
+
3738
+ .ui-layout-row > .ui-splitbar > a:nth-child(2) {
3739
+ margin-left: 0.35rem;
3740
+ }
3741
+
3742
+
3743
+ /**
3744
+ * Icons
3745
+ **/
3746
+
3747
+ .ui-splitbar-icon {
3748
+ width: 0;
3749
+ height: 0;
3750
+ display: inline-block;
3751
+ }
3752
+
3753
+ .ui-splitbar-icon-up {
3754
+ border-left: 0.45em solid transparent;
3755
+ border-right: 0.45em solid transparent;
3756
+ border-bottom: 0.45em solid;
3757
+ }
3758
+
3759
+ .ui-splitbar-icon-down {
3760
+ border-left: 0.45em solid transparent;
3761
+ border-right: 0.45em solid transparent;
3762
+ border-top: 0.45em solid;
3763
+ margin-right: 0.45em;
3764
+ }
3765
+
3766
+ .ui-splitbar-icon-right {
3767
+ border-top: 0.45em solid transparent;
3768
+ border-bottom: 0.45em solid transparent;
3769
+ border-left: 0.45em solid;
3770
+
3771
+ }
3772
+
3773
+ .ui-splitbar-icon-left {
3774
+ border-top: 0.45em solid transparent;
3775
+ border-bottom: 0.45em solid transparent;
3776
+ border-right: 0.45em solid;
3777
+ margin-top: 0.45em;
3778
+ }
3779
+
3780
+ /* Allow disabling of icons */
3781
+ .no-toggle .ui-splitbar-icon {
3782
+ display: none;
3783
+ }
3784
+
3785
+ @media only screen and (max-device-width: 480px) {
3786
+ .no-mobile-toggle .ui-splitbar-icon {
3787
+ display: none;
3788
+ }
3789
+ }
3790
+
3791
+ @media print {
3792
+ .ui-splitbar {
3793
+ display: none;
3794
+ }
3795
+
3796
+ .stretch {
3797
+ position: relative;
3798
+ }
3799
+
3800
+ /* The last item can take up any amount of space. */
3801
+ .stretch.ui-layout-container:last-child {
3802
+ position: static;
3803
+ overflow: visible;
3804
+ }
3805
+ }
3806
+
3807
+ /* Make sure hidden elements are in fact not rendered. */
3808
+ .ui-layout-hidden {
3809
+ display: none;
3810
+ }
3811
+
3669
3812
  /*
3670
3813
  == malihu jquery custom scrollbar plugin ==
3671
3814
  Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
@@ -5388,187 +5531,254 @@ yx-axis
5388
5531
 
5389
5532
  /* ---------------------------------------- */
5390
5533
 
5391
- /**
5392
- UI.Layout CSS
5393
- *************************************/
5394
- .stretch {
5395
- position: absolute;
5396
- top: 0;
5397
- left: 0;
5398
- right: 0;
5399
- bottom: 0;
5400
- /* Can be changed by hand ;)*/
5401
- overflow: auto;
5402
- }
5403
-
5404
- .animate-row, .animate-column {
5405
- -webkit-transition: all .2s cubic-bezier(0, 0, 0.2, 1);
5406
- -moz-transition: all .2s cubic-bezier(0, 0, 0.2, 1);
5407
- -ms-transition: all .2s cubic-bezier(0, 0, 0.2, 1);
5408
- -o-transition: all .2s cubic-bezier(0, 0, 0.2, 1);
5409
- transition: all .2s cubic-bezier(0, 0, 0.2, 1);
5410
- }
5534
+ .action-checkbox {
5535
+ .action-checkbox-color-set();
5411
5536
 
5412
- .ui-splitbar {
5413
- display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
5414
- display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
5415
- display: -ms-flexbox; /* TWEENER - IE 10 */
5416
- display: -webkit-flex; /* NEW - Chrome */
5417
- display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
5418
- -webkit-justify-content: center;
5419
- justify-content: center;
5537
+ line-height: 16px;
5538
+ text-align: center;
5420
5539
 
5421
- background-color: #ffffff;
5422
- right: auto;
5423
- position: absolute;
5424
- z-index: 1;
5425
- }
5540
+ .check-item {
5541
+ font-size: 16px;
5542
+ cursor: pointer;
5543
+ line-height: 1;
5544
+ vertical-align: middle;
5426
5545
 
5427
- .ui-layout-row > .ui-splitbar {
5428
- height: 8px;
5429
- width: 100%;
5430
- cursor: row-resize;
5431
- text-align: center;
5432
- justify-content: center;
5433
- align-items: center;
5434
- background: linear-gradient(to bottom, #fff 0%, #eee 100%);
5435
- overflow-y: hidden;
5436
- }
5546
+ &.igz-icon-checkbox-unchecked {
5547
+ color: @icon-checkbox-unchecked;
5548
+ }
5437
5549
 
5438
- .ui-layout-column > .ui-splitbar {
5439
- width: 8px;
5440
- height: 100%;
5441
- cursor: col-resize;
5442
- -webkit-flex-direction: column;
5443
- flex-direction: column;
5444
- background: linear-gradient(to right, #fff 0%, #eee 100%);
5445
- overflow-x: hidden;
5550
+ &.igz-icon-checkbox-checked {
5551
+ color: @icon-checkbox-checked;
5552
+ }
5553
+ }
5446
5554
  }
5555
+ .action-checkbox-all {
5556
+ .action-checkbox-all-color-set();
5447
5557
 
5448
- .ui-layout-column > .ui-splitbar > a,
5449
- .ui-layout-row > .ui-splitbar > a {
5450
- cursor: pointer;
5451
- text-align: center;
5452
- font-size: 16px;
5453
- color: #aaa;
5454
- }
5558
+ text-align: center;
5455
5559
 
5456
- .ui-layout-column > .ui-splitbar > a:nth-child(2) {
5457
- margin-top: 0.35rem;
5458
- }
5560
+ .check-item {
5561
+ cursor: pointer;
5562
+ color: @check-item-color;
5563
+ font-size: 16px;
5564
+ line-height: 1;
5565
+ vertical-align: middle;
5459
5566
 
5460
- .ui-layout-row > .ui-splitbar > a:nth-child(2) {
5461
- margin-left: 0.35rem;
5567
+ &.igz-icon-checkbox-checked {
5568
+ color: @check-item-icon-checkbox-checked-color;
5569
+ }
5570
+ }
5462
5571
  }
5572
+ .igz-action-panel {
5573
+ .action-panel-color-set();
5574
+ .action-icon-color-set();
5463
5575
 
5576
+ left: 0;
5577
+ line-height: 0;
5578
+ position: relative;
5579
+ transition: @igz-basic-transition;
5464
5580
 
5465
- /**
5466
- * Icons
5467
- **/
5581
+ &.ng-hide {
5582
+ left: -100%;
5583
+ }
5468
5584
 
5469
- .ui-splitbar-icon {
5470
- width: 0;
5471
- height: 0;
5472
- display: inline-block;
5473
- }
5585
+ .actions-list {
5586
+ transition: none;
5474
5587
 
5475
- .ui-splitbar-icon-up {
5476
- border-left: 0.45em solid transparent;
5477
- border-right: 0.45em solid transparent;
5478
- border-bottom: 0.45em solid;
5479
- }
5588
+ &.ng-hide {
5589
+ opacity: 0;
5590
+ }
5480
5591
 
5481
- .ui-splitbar-icon-down {
5482
- border-left: 0.45em solid transparent;
5483
- border-right: 0.45em solid transparent;
5484
- border-top: 0.45em solid;
5485
- margin-right: 0.45em;
5486
- }
5592
+ &.empty {
5593
+ line-height: 39px;
5594
+ padding: 1px 19px;
5595
+ font-size: 17px;
5596
+ letter-spacing: 0.2px;
5597
+ color: @action-list-empty-color;
5598
+ }
5487
5599
 
5488
- .ui-splitbar-icon-right {
5489
- border-top: 0.45em solid transparent;
5490
- border-bottom: 0.45em solid transparent;
5491
- border-left: 0.45em solid;
5600
+ .igz-action-item {
5601
+ display: flex;
5602
+ justify-content: center;
5603
+ align-items: center;
5604
+ background-color: @action-item-bg-color;
5605
+ border-radius: 50%;
5606
+ color: @action-item-color;
5607
+ cursor: pointer;
5608
+ float: left;
5609
+ font-size: 18px;
5610
+ height: 40px;
5611
+ margin: 0 8px 0 0;
5612
+ position: relative;
5613
+ transition: color .2s ease-out;
5614
+ width: 40px;
5615
+ z-index: 2;
5492
5616
 
5493
- }
5617
+ &:last-of-type {
5618
+ margin-right: 0;
5619
+ }
5494
5620
 
5495
- .ui-splitbar-icon-left {
5496
- border-top: 0.45em solid transparent;
5497
- border-bottom: 0.45em solid transparent;
5498
- border-right: 0.45em solid;
5499
- margin-top: 0.45em;
5500
- }
5621
+ &.inactive {
5622
+ pointer-events: none;
5501
5623
 
5502
- /* Allow disabling of icons */
5503
- .no-toggle .ui-splitbar-icon {
5504
- display: none;
5505
- }
5624
+ &:hover {
5625
+ color: @action-item-inactive-hover-color;
5626
+ }
5506
5627
 
5507
- @media only screen and (max-device-width: 480px) {
5508
- .no-mobile-toggle .ui-splitbar-icon {
5509
- display: none;
5510
- }
5511
- }
5628
+ .action-icon {
5629
+ color: @action-icon-inactive-color;
5630
+ cursor: default;
5631
+ }
5632
+ }
5512
5633
 
5513
- @media print {
5514
- .ui-splitbar {
5515
- display: none;
5516
- }
5634
+ &.active {
5635
+ background-color: @action-item-active-bg-color;
5636
+ }
5517
5637
 
5518
- .stretch {
5519
- position: relative;
5520
- }
5638
+ &:not(.inactive) {
5639
+ &:hover {
5640
+ overflow: visible;
5641
+ background-color: @action-item-hover-bg-color;
5642
+ box-shadow: @action-item-hover-box-shadow;
5521
5643
 
5522
- /* The last item can take up any amount of space. */
5523
- .stretch.ui-layout-container:last-child {
5524
- position: static;
5525
- overflow: visible;
5526
- }
5527
- }
5644
+ &:active {
5645
+ box-shadow: @action-item-hover-active-box-shadow;
5646
+ background-color: @action-item-hover-active-bg-color;
5647
+ }
5528
5648
 
5529
- /* Make sure hidden elements are in fact not rendered. */
5530
- .ui-layout-hidden {
5531
- display: none;
5532
- }
5649
+ .action-icon {
5650
+ color: @action-icon-hover-color;
5651
+ }
5652
+ }
5533
5653
 
5534
- .action-checkbox {
5535
- .action-checkbox-color-set();
5654
+ &:focus {
5655
+ background-color: @action-item-hover-bg-color;
5656
+ box-shadow: @action-item-focus-box-shadow;
5657
+ &:hover {
5658
+ box-shadow: @action-item-focus-hover-box-shadow;
5659
+ }
5660
+ }
5661
+ }
5536
5662
 
5537
- line-height: 16px;
5538
- text-align: center;
5663
+ &.subtemplate-show {
5664
+ transition: none;
5665
+ background-color: @dropdown-menu-subtemplate-show-bg-color;
5666
+ box-shadow: @dropdown-menu-subtemplate-show-box-shadow;
5539
5667
 
5540
- .check-item {
5541
- font-size: 16px;
5542
- cursor: pointer;
5543
- line-height: 1;
5544
- vertical-align: middle;
5668
+ &:hover {
5669
+ background-color: @dropdown-menu-subtemplate-show-hover-bg-color;
5670
+ box-shadow: @dropdown-menu-subtemplate-show-hover-box-shadow;
5671
+ }
5545
5672
 
5546
- &.igz-icon-checkbox-unchecked {
5547
- color: @icon-checkbox-unchecked;
5548
- }
5673
+ .action-icon {
5674
+ color: @action-icon-hover-color;
5675
+ }
5676
+ }
5549
5677
 
5550
- &.igz-icon-checkbox-checked {
5551
- color: @icon-checkbox-checked;
5552
- }
5553
- }
5554
- }
5555
- .action-checkbox-all {
5556
- .action-checkbox-all-color-set();
5678
+ &.last-item {
5679
+ margin: 0;
5680
+ }
5557
5681
 
5558
- text-align: center;
5682
+ .upload-action {
5683
+ width: 100%;
5684
+ height: 100%;
5685
+ display: flex;
5686
+ justify-content: center;
5687
+ align-items: center;
5688
+ }
5559
5689
 
5560
- .check-item {
5561
- cursor: pointer;
5562
- color: @check-item-color;
5563
- font-size: 16px;
5564
- line-height: 1;
5565
- vertical-align: middle;
5690
+ .action-icon {
5691
+ color: @action-icon-color;
5692
+ }
5566
5693
 
5567
- &.igz-icon-checkbox-checked {
5568
- color: @check-item-icon-checkbox-checked-color;
5694
+ .action-label {
5695
+ display: none;
5696
+ }
5697
+
5698
+ .filter-counter {
5699
+ position: absolute;
5700
+ left: 26px;
5701
+ top: 2px;
5702
+ display: inline-block;
5703
+ font-size: 12px;
5704
+ font-weight: 500;
5705
+ text-align: center;
5706
+ line-height: 16px;
5707
+ color: @action-item-filter-counter-color;
5708
+ min-width: 16px;
5709
+ height: 15px;
5710
+ padding: 0 4px;
5711
+ border-radius: 7.5px;
5712
+ background-color: @action-item-filter-counter-bg-color;
5713
+ }
5714
+
5715
+ .item-dropdown-menu {
5716
+ position: absolute;
5717
+ top: 100%;
5718
+ left: 0;
5719
+ padding: 8px 0;
5720
+ list-style: none;
5721
+ font-size: 13px;
5722
+ font-weight: 500;
5723
+ color: @dropdown-menu-color;
5724
+ border-radius: 2px;
5725
+ background-color: @dropdown-menu-bg-color;
5726
+ box-shadow: @dropdown-menu-box-shadow;
5727
+ margin-top: 1px;
5728
+ z-index: 10;
5729
+
5730
+ .item-dropdown-menu-list {
5731
+ margin: 0;
5732
+ display: block;
5733
+ padding: 0;
5734
+ list-style-type: none;
5735
+
5736
+ li {
5737
+ height: 32px;
5738
+ line-height: 32px;
5739
+ text-align: left;
5740
+ display: flex;
5741
+
5742
+ &:hover {
5743
+ background-color: @dropdown-menu-li-hover-bg-color;
5744
+
5745
+ .action-icon {
5746
+ color: @action-icon-hover-color;
5747
+ }
5748
+ }
5749
+
5750
+ .action-label {
5751
+ display: inline-block;
5752
+ white-space: nowrap;
5753
+ vertical-align: top;
5754
+ margin-right: 17px;
5755
+ }
5756
+
5757
+ .action-icon {
5758
+ color: @action-icon-color;
5759
+ font-size: 17px;
5760
+ display: inline-block;
5761
+ margin: 0 13px 0 21px;
5762
+ vertical-align: middle;
5763
+ }
5764
+ }
5765
+ }
5766
+ }
5569
5767
  }
5570
5768
  }
5769
+
5770
+ .action-subtemplate {
5771
+ border-bottom-left-radius: 4px;
5772
+ border-bottom-right-radius: 4px;
5773
+ border: @action-subtemplate-border;
5774
+ background-color: @action-subtemplate-bg-color;
5775
+ box-shadow: @action-subtemplate-box-shadow;
5776
+ position: fixed;
5777
+ margin: -2px 0 0 -1px;
5778
+ z-index: 10;
5779
+ }
5571
5780
  }
5781
+
5572
5782
  .igz-action-menu {
5573
5783
  .action-menu-color-set();
5574
5784
  .action-icon-color-set();
@@ -5727,218 +5937,8 @@ yx-axis
5727
5937
  }
5728
5938
  }
5729
5939
 
5730
- .igz-action-panel {
5731
- .action-panel-color-set();
5732
- .action-icon-color-set();
5733
-
5734
- left: 0;
5735
- line-height: 0;
5736
- position: relative;
5737
- transition: @igz-basic-transition;
5738
-
5739
- &.ng-hide {
5740
- left: -100%;
5741
- }
5742
-
5743
- .actions-list {
5744
- transition: none;
5745
-
5746
- &.ng-hide {
5747
- opacity: 0;
5748
- }
5749
-
5750
- &.empty {
5751
- line-height: 39px;
5752
- padding: 1px 19px;
5753
- font-size: 17px;
5754
- letter-spacing: 0.2px;
5755
- color: @action-list-empty-color;
5756
- }
5757
-
5758
- .igz-action-item {
5759
- display: flex;
5760
- justify-content: center;
5761
- align-items: center;
5762
- background-color: @action-item-bg-color;
5763
- border-radius: 50%;
5764
- color: @action-item-color;
5765
- cursor: pointer;
5766
- float: left;
5767
- font-size: 18px;
5768
- height: 40px;
5769
- margin: 0 8px 0 0;
5770
- position: relative;
5771
- transition: color .2s ease-out;
5772
- width: 40px;
5773
- z-index: 2;
5774
-
5775
- &:last-of-type {
5776
- margin-right: 0;
5777
- }
5778
-
5779
- &.inactive {
5780
- pointer-events: none;
5781
-
5782
- &:hover {
5783
- color: @action-item-inactive-hover-color;
5784
- }
5785
-
5786
- .action-icon {
5787
- color: @action-icon-inactive-color;
5788
- cursor: default;
5789
- }
5790
- }
5791
-
5792
- &.active {
5793
- background-color: @action-item-active-bg-color;
5794
- }
5795
-
5796
- &:not(.inactive) {
5797
- &:hover {
5798
- overflow: visible;
5799
- background-color: @action-item-hover-bg-color;
5800
- box-shadow: @action-item-hover-box-shadow;
5801
-
5802
- &:active {
5803
- box-shadow: @action-item-hover-active-box-shadow;
5804
- background-color: @action-item-hover-active-bg-color;
5805
- }
5806
-
5807
- .action-icon {
5808
- color: @action-icon-hover-color;
5809
- }
5810
- }
5811
-
5812
- &:focus {
5813
- background-color: @action-item-hover-bg-color;
5814
- box-shadow: @action-item-focus-box-shadow;
5815
- &:hover {
5816
- box-shadow: @action-item-focus-hover-box-shadow;
5817
- }
5818
- }
5819
- }
5820
-
5821
- &.subtemplate-show {
5822
- transition: none;
5823
- background-color: @dropdown-menu-subtemplate-show-bg-color;
5824
- box-shadow: @dropdown-menu-subtemplate-show-box-shadow;
5825
-
5826
- &:hover {
5827
- background-color: @dropdown-menu-subtemplate-show-hover-bg-color;
5828
- box-shadow: @dropdown-menu-subtemplate-show-hover-box-shadow;
5829
- }
5830
-
5831
- .action-icon {
5832
- color: @action-icon-hover-color;
5833
- }
5834
- }
5835
-
5836
- &.last-item {
5837
- margin: 0;
5838
- }
5839
-
5840
- .upload-action {
5841
- width: 100%;
5842
- height: 100%;
5843
- display: flex;
5844
- justify-content: center;
5845
- align-items: center;
5846
- }
5847
-
5848
- .action-icon {
5849
- color: @action-icon-color;
5850
- }
5851
-
5852
- .action-label {
5853
- display: none;
5854
- }
5855
-
5856
- .filter-counter {
5857
- position: absolute;
5858
- left: 26px;
5859
- top: 2px;
5860
- display: inline-block;
5861
- font-size: 12px;
5862
- font-weight: 500;
5863
- text-align: center;
5864
- line-height: 16px;
5865
- color: @action-item-filter-counter-color;
5866
- min-width: 16px;
5867
- height: 15px;
5868
- padding: 0 4px;
5869
- border-radius: 7.5px;
5870
- background-color: @action-item-filter-counter-bg-color;
5871
- }
5872
-
5873
- .item-dropdown-menu {
5874
- position: absolute;
5875
- top: 100%;
5876
- left: 0;
5877
- padding: 8px 0;
5878
- list-style: none;
5879
- font-size: 13px;
5880
- font-weight: 500;
5881
- color: @dropdown-menu-color;
5882
- border-radius: 2px;
5883
- background-color: @dropdown-menu-bg-color;
5884
- box-shadow: @dropdown-menu-box-shadow;
5885
- margin-top: 1px;
5886
- z-index: 10;
5887
-
5888
- .item-dropdown-menu-list {
5889
- margin: 0;
5890
- display: block;
5891
- padding: 0;
5892
- list-style-type: none;
5893
-
5894
- li {
5895
- height: 32px;
5896
- line-height: 32px;
5897
- text-align: left;
5898
- display: flex;
5899
-
5900
- &:hover {
5901
- background-color: @dropdown-menu-li-hover-bg-color;
5902
-
5903
- .action-icon {
5904
- color: @action-icon-hover-color;
5905
- }
5906
- }
5907
-
5908
- .action-label {
5909
- display: inline-block;
5910
- white-space: nowrap;
5911
- vertical-align: top;
5912
- margin-right: 17px;
5913
- }
5914
-
5915
- .action-icon {
5916
- color: @action-icon-color;
5917
- font-size: 17px;
5918
- display: inline-block;
5919
- margin: 0 13px 0 21px;
5920
- vertical-align: middle;
5921
- }
5922
- }
5923
- }
5924
- }
5925
- }
5926
- }
5927
-
5928
- .action-subtemplate {
5929
- border-bottom-left-radius: 4px;
5930
- border-bottom-right-radius: 4px;
5931
- border: @action-subtemplate-border;
5932
- background-color: @action-subtemplate-bg-color;
5933
- box-shadow: @action-subtemplate-box-shadow;
5934
- position: fixed;
5935
- margin: -2px 0 0 -1px;
5936
- z-index: 10;
5937
- }
5938
- }
5939
-
5940
- .auto-complete-wrapper {
5941
- .auto-complete-color-set();
5940
+ .auto-complete-wrapper {
5941
+ .auto-complete-color-set();
5942
5942
 
5943
5943
  position: relative;
5944
5944
 
@@ -8210,37 +8210,101 @@ yx-axis
8210
8210
  }
8211
8211
  }
8212
8212
  }
8213
- .ngdialog.text-edit {
8214
- .text-edit-color-set();
8213
+ .toast-status-panel {
8214
+ .toast-status-panel-color-set();
8215
8215
 
8216
- .ngdialog-content {
8217
- padding: 0;
8218
- width: 1000px;
8219
- height: 678px;
8216
+ margin-bottom: 20px;
8217
+ padding: 16px 36px 16px 12px;
8218
+ background-color: @toast-panel-bg-color;
8219
+ border: @toast-panel-border;
8220
+ position: relative;
8220
8221
 
8221
- .text-preview-directive-wrapper {
8222
- .title {
8223
- margin: 25px 0 0 24px;
8224
- padding: 0 70px 0 0;
8225
- }
8222
+ &.in-progress {
8223
+ background-color: @toast-panel-in-progress-bg-color;
8224
+ border: @toast-panel-in-progress-border;
8225
+ }
8226
8226
 
8227
- .close-button {
8228
- position: absolute;
8229
- top: 24px;
8230
- right: 24px;
8231
- font-size: 18px;
8232
- color: @close-btn-color;
8233
- }
8227
+ &.failed {
8228
+ background-color: @toast-panel-failed-bg-color;
8229
+ border: @toast-panel-failed-border;
8230
+ }
8234
8231
 
8235
- .buttons {
8236
- margin-right: 24px;
8237
- }
8232
+ .panel-status {
8233
+ color: @toast-panel-status-color;
8234
+ line-height: 24px;
8235
+ font-size: 14px;
8236
+ font-weight: 700;
8237
+ font-family: @font-family-sans-serif;
8238
+ align-items: center;
8239
+ display: flex;
8240
+ justify-content: center;
8238
8241
 
8239
- .text-preview-wrapper {
8240
- background-color: @text-preview-wrapper-bg-color;
8241
- border-top: @text-preview-wrapper-border-top;
8242
- border-bottom: @text-preview-wrapper-border-bottom;
8243
- border-radius: 2px;
8242
+ &.in-progress {
8243
+ color: @toast-panel-status-in-progress-color;
8244
+ }
8245
+
8246
+ &.failed {
8247
+ color: @toast-panel-status-failed-color;
8248
+ }
8249
+
8250
+ .panel-status-icon {
8251
+ font-size: 24px;
8252
+
8253
+ &.igz-icon-properties {
8254
+ -webkit-animation: rotation 4s infinite linear;
8255
+
8256
+ @-webkit-keyframes rotation {
8257
+ from {
8258
+ -webkit-transform: rotate(0deg);
8259
+ }
8260
+ to {
8261
+ -webkit-transform: rotate(359deg);
8262
+ }
8263
+ }
8264
+ }
8265
+ }
8266
+
8267
+ .msg-scrollable-container {
8268
+ max-height: 300px;
8269
+
8270
+ .panel-status-msg {
8271
+ margin: 0 8px;
8272
+ }
8273
+ }
8274
+ }
8275
+ }
8276
+
8277
+ .ngdialog.text-edit {
8278
+ .text-edit-color-set();
8279
+
8280
+ .ngdialog-content {
8281
+ padding: 0;
8282
+ width: 1000px;
8283
+ height: 678px;
8284
+
8285
+ .text-preview-directive-wrapper {
8286
+ .title {
8287
+ margin: 25px 0 0 24px;
8288
+ padding: 0 70px 0 0;
8289
+ }
8290
+
8291
+ .close-button {
8292
+ position: absolute;
8293
+ top: 24px;
8294
+ right: 24px;
8295
+ font-size: 18px;
8296
+ color: @close-btn-color;
8297
+ }
8298
+
8299
+ .buttons {
8300
+ margin-right: 24px;
8301
+ }
8302
+
8303
+ .text-preview-wrapper {
8304
+ background-color: @text-preview-wrapper-bg-color;
8305
+ border-top: @text-preview-wrapper-border-top;
8306
+ border-bottom: @text-preview-wrapper-border-bottom;
8307
+ border-radius: 2px;
8244
8308
  margin-bottom: 16px;
8245
8309
  padding: 15px 22px 17px;
8246
8310
  min-width: 690px;
@@ -8287,70 +8351,6 @@ yx-axis
8287
8351
  }
8288
8352
  }
8289
8353
 
8290
- .toast-status-panel {
8291
- .toast-status-panel-color-set();
8292
-
8293
- margin-bottom: 20px;
8294
- padding: 16px 36px 16px 12px;
8295
- background-color: @toast-panel-bg-color;
8296
- border: @toast-panel-border;
8297
- position: relative;
8298
-
8299
- &.in-progress {
8300
- background-color: @toast-panel-in-progress-bg-color;
8301
- border: @toast-panel-in-progress-border;
8302
- }
8303
-
8304
- &.failed {
8305
- background-color: @toast-panel-failed-bg-color;
8306
- border: @toast-panel-failed-border;
8307
- }
8308
-
8309
- .panel-status {
8310
- color: @toast-panel-status-color;
8311
- line-height: 24px;
8312
- font-size: 14px;
8313
- font-weight: 700;
8314
- font-family: @font-family-sans-serif;
8315
- align-items: center;
8316
- display: flex;
8317
- justify-content: center;
8318
-
8319
- &.in-progress {
8320
- color: @toast-panel-status-in-progress-color;
8321
- }
8322
-
8323
- &.failed {
8324
- color: @toast-panel-status-failed-color;
8325
- }
8326
-
8327
- .panel-status-icon {
8328
- font-size: 24px;
8329
-
8330
- &.igz-icon-properties {
8331
- -webkit-animation: rotation 4s infinite linear;
8332
-
8333
- @-webkit-keyframes rotation {
8334
- from {
8335
- -webkit-transform: rotate(0deg);
8336
- }
8337
- to {
8338
- -webkit-transform: rotate(359deg);
8339
- }
8340
- }
8341
- }
8342
- }
8343
-
8344
- .msg-scrollable-container {
8345
- max-height: 300px;
8346
-
8347
- .panel-status-msg {
8348
- margin: 0 8px;
8349
- }
8350
- }
8351
- }
8352
- }
8353
-
8354
8354
  .validating-input-field {
8355
8355
  .validating-input-field-color-set();
8356
8356
 
@@ -9337,6 +9337,21 @@ body {
9337
9337
  }
9338
9338
  }
9339
9339
 
9340
+ .override-function-dialog {
9341
+ .sub-title {
9342
+ font-size: 16px;
9343
+ color: @silver-chalice-two;
9344
+ }
9345
+
9346
+ .buttons {
9347
+ display: flex;
9348
+
9349
+ .function-redirect-button {
9350
+ margin-right: auto;
9351
+ }
9352
+ }
9353
+ }
9354
+
9340
9355
  .ncl-function-collapsing-row {
9341
9356
  background-color: @white;
9342
9357
  margin-bottom: 8px;
@@ -9471,21 +9486,6 @@ body {
9471
9486
  }
9472
9487
  }
9473
9488
 
9474
- .override-function-dialog {
9475
- .sub-title {
9476
- font-size: 16px;
9477
- color: @silver-chalice-two;
9478
- }
9479
-
9480
- .buttons {
9481
- display: flex;
9482
-
9483
- .function-redirect-button {
9484
- margin-right: auto;
9485
- }
9486
- }
9487
- }
9488
-
9489
9489
  .ncl-edit-version {
9490
9490
  background: #f2f2f6;
9491
9491
  position: relative;
@@ -10307,6 +10307,146 @@ ncl-breadcrumbs {
10307
10307
  }
10308
10308
  }
10309
10309
 
10310
+ .ncl-breadcrumbs-dropdown {
10311
+ display: inline-grid;
10312
+
10313
+ .breadcrumb-toggle {
10314
+ cursor: pointer;
10315
+ font-weight: bold;
10316
+
10317
+ .igz-icon-right {
10318
+ display: block;
10319
+ margin: 1.5px 0 0 7px;
10320
+ }
10321
+
10322
+ .breadcrumb-arrow {
10323
+ display: inline-block;
10324
+ width: 24px;
10325
+ height: 24px;
10326
+ margin: 0 8px;
10327
+ border-radius: 50%;
10328
+ background-color: transparent;
10329
+
10330
+ &:hover {
10331
+ background-color: @pale-grey;
10332
+ transition: transform .2s linear;
10333
+ }
10334
+ }
10335
+
10336
+ .ncl-dropdown-expanded {
10337
+ background-color: @pale-grey;
10338
+ transform: rotate(90deg);
10339
+
10340
+ .igz-icon-right {
10341
+ color: @dusk-three;
10342
+ }
10343
+ }
10344
+ }
10345
+
10346
+ .dropdown-menu {
10347
+ margin: 0;
10348
+ border: none;
10349
+ min-width: inherit;
10350
+ padding: 5px 0 8px;
10351
+ width: 230px;
10352
+ box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
10353
+
10354
+ .search-input {
10355
+ text-align: center;
10356
+ margin-top: 3px;
10357
+
10358
+ .igz-icon-search {
10359
+ .greyishPurple(0.34);
10360
+ font-size: 18px;
10361
+ color: @color;
10362
+ position: absolute;
10363
+ top: 6px;
10364
+ left: 16px;
10365
+ }
10366
+
10367
+ input {
10368
+ width: 210px;
10369
+ height: 32px;
10370
+ border: solid 1px @pale-grey;
10371
+ outline: none;
10372
+ padding-left: 29px;
10373
+ color: @dusk-three;
10374
+ font-size: 13px;
10375
+
10376
+ &::-webkit-input-placeholder {
10377
+ color: @pale-grey;
10378
+ }
10379
+
10380
+ &::-moz-placeholder {
10381
+ color: @pale-grey;
10382
+ }
10383
+
10384
+ &:focus, &:active {
10385
+ outline: none;
10386
+ border: solid 1px @dark-sky-blue;
10387
+
10388
+ + .igz-icon-search {
10389
+ color: @greyish-purple;
10390
+ }
10391
+
10392
+ &::-webkit-input-placeholder {
10393
+ color: transparent;
10394
+ }
10395
+
10396
+ &::-moz-placeholder {
10397
+ color: transparent;
10398
+ }
10399
+ }
10400
+ }
10401
+ }
10402
+ }
10403
+
10404
+ .dropdown-list {
10405
+ font-size: 13px;
10406
+ font-weight: 500;
10407
+ text-align: left;
10408
+ max-height: 375px;
10409
+ list-style: none;
10410
+ padding: 8px 0 0;
10411
+ margin: 0;
10412
+ border-radius: 2px;
10413
+ background-color: @white;
10414
+
10415
+ li {
10416
+ height: 32px;
10417
+ line-height: 32px;
10418
+ width: 239px;
10419
+
10420
+ .item-name {
10421
+ display: inline-block;
10422
+ width: 170px;
10423
+ overflow: hidden;
10424
+ white-space: nowrap;
10425
+ text-overflow: ellipsis;
10426
+ margin-left: 16px;
10427
+ color: @dusk-three;
10428
+ vertical-align:top;
10429
+ text-decoration: none;
10430
+ height: 32px;
10431
+ }
10432
+
10433
+ .igz-icon-tick {
10434
+ display: inline-block;
10435
+ font-size: 16px;
10436
+ width: 41px;
10437
+ height: 32px;
10438
+ padding: 0 19px 0 12px;
10439
+ vertical-align: top;
10440
+ }
10441
+
10442
+ &:hover {
10443
+ height: 32px;
10444
+ background-color: @pale-grey-two;
10445
+ }
10446
+ }
10447
+ }
10448
+ }
10449
+
10310
10450
  .ncl-collapsing-row {
10311
10451
  margin-bottom: 9px;
10312
10452
 
@@ -10389,225 +10529,85 @@ ncl-breadcrumbs {
10389
10529
  }
10390
10530
  }
10391
10531
 
10392
- .item-info-row {
10393
- line-height: 30px;
10394
- }
10395
-
10396
- .expanded-item-info-block {
10397
- width: 100%;
10398
- height: 100%;
10399
- top: 0;
10400
- padding: 10px 0;
10401
- }
10402
-
10403
- .collapsed-item-info-block {
10404
- padding-left: 16px;
10405
- white-space: nowrap;
10406
- width: 100%;
10407
- overflow: hidden;
10408
- text-overflow: ellipsis;
10409
- }
10410
-
10411
- .actions-menu {
10412
- visibility: hidden;
10413
- align-items: flex-start;
10414
- line-height: 51px;
10415
- }
10416
-
10417
- .single-action {
10418
- visibility: hidden;
10419
- align-items: flex-start;
10420
- flex: none;
10421
- padding-right: 4px;
10422
-
10423
- .igz-action-panel {
10424
- transition: unset;
10425
-
10426
- .igz-action-item {
10427
- margin: 4px 0 0 0;
10428
- }
10429
- }
10430
- }
10431
- }
10432
-
10433
- .ncl-deploy-log-wrapper {
10434
- .log-panel {
10435
- .logs-common();
10436
- background-color: @dark-grey;
10437
- color: @light-grey-three;
10438
- padding: 5px;
10439
- margin: 21px 0 0 4px;
10440
- min-height: 280px;
10441
- max-height: 280px;
10442
- height: 280px;
10443
-
10444
- .log-entry {
10445
- .log-entry-time {
10446
- color: @solid-grey;
10447
- }
10448
-
10449
- .log-entry-level-debug{
10450
- color: @dusty-blue;
10451
- }
10452
-
10453
- .log-entry-level-info {
10454
- color: @cloudy-blue;
10455
- }
10456
-
10457
- .log-entry-level-warn{
10458
- color: @sunflower-yellow;
10459
- }
10460
-
10461
- .log-entry-level-error {
10462
- color: @darkish-pink;
10463
- }
10464
-
10465
- .log-entry-message {
10466
- font-weight: 600;
10467
- }
10468
- }
10469
- }
10470
- }
10471
- .ncl-breadcrumbs-dropdown {
10472
- display: inline-grid;
10473
-
10474
- .breadcrumb-toggle {
10475
- cursor: pointer;
10476
- font-weight: bold;
10477
-
10478
- .igz-icon-right {
10479
- display: block;
10480
- margin: 1.5px 0 0 7px;
10481
- }
10482
-
10483
- .breadcrumb-arrow {
10484
- display: inline-block;
10485
- width: 24px;
10486
- height: 24px;
10487
- margin: 0 8px;
10488
- border-radius: 50%;
10489
- background-color: transparent;
10490
-
10491
- &:hover {
10492
- background-color: @pale-grey;
10493
- transition: transform .2s linear;
10494
- }
10495
- }
10496
-
10497
- .ncl-dropdown-expanded {
10498
- background-color: @pale-grey;
10499
- transform: rotate(90deg);
10500
-
10501
- .igz-icon-right {
10502
- color: @dusk-three;
10503
- }
10504
- }
10505
- }
10506
-
10507
- .dropdown-menu {
10508
- margin: 0;
10509
- border: none;
10510
- min-width: inherit;
10511
- padding: 5px 0 8px;
10512
- width: 230px;
10513
- box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
10514
-
10515
- .search-input {
10516
- text-align: center;
10517
- margin-top: 3px;
10518
-
10519
- .igz-icon-search {
10520
- .greyishPurple(0.34);
10521
- font-size: 18px;
10522
- color: @color;
10523
- position: absolute;
10524
- top: 6px;
10525
- left: 16px;
10526
- }
10527
-
10528
- input {
10529
- width: 210px;
10530
- height: 32px;
10531
- border: solid 1px @pale-grey;
10532
- outline: none;
10533
- padding-left: 29px;
10534
- color: @dusk-three;
10535
- font-size: 13px;
10532
+ .item-info-row {
10533
+ line-height: 30px;
10534
+ }
10536
10535
 
10537
- &::-webkit-input-placeholder {
10538
- color: @pale-grey;
10539
- }
10536
+ .expanded-item-info-block {
10537
+ width: 100%;
10538
+ height: 100%;
10539
+ top: 0;
10540
+ padding: 10px 0;
10541
+ }
10540
10542
 
10541
- &::-moz-placeholder {
10542
- color: @pale-grey;
10543
- }
10543
+ .collapsed-item-info-block {
10544
+ padding-left: 16px;
10545
+ white-space: nowrap;
10546
+ width: 100%;
10547
+ overflow: hidden;
10548
+ text-overflow: ellipsis;
10549
+ }
10544
10550
 
10545
- &:focus, &:active {
10546
- outline: none;
10547
- border: solid 1px @dark-sky-blue;
10551
+ .actions-menu {
10552
+ visibility: hidden;
10553
+ align-items: flex-start;
10554
+ line-height: 51px;
10555
+ }
10548
10556
 
10549
- + .igz-icon-search {
10550
- color: @greyish-purple;
10551
- }
10557
+ .single-action {
10558
+ visibility: hidden;
10559
+ align-items: flex-start;
10560
+ flex: none;
10561
+ padding-right: 4px;
10552
10562
 
10553
- &::-webkit-input-placeholder {
10554
- color: transparent;
10555
- }
10563
+ .igz-action-panel {
10564
+ transition: unset;
10556
10565
 
10557
- &::-moz-placeholder {
10558
- color: transparent;
10559
- }
10560
- }
10566
+ .igz-action-item {
10567
+ margin: 4px 0 0 0;
10561
10568
  }
10562
10569
  }
10563
10570
  }
10571
+ }
10564
10572
 
10565
- .dropdown-list {
10566
- font-size: 13px;
10567
- font-weight: 500;
10568
- text-align: left;
10569
- max-height: 375px;
10570
- list-style: none;
10571
- padding: 8px 0 0;
10572
- margin: 0;
10573
- border-radius: 2px;
10574
- background-color: @white;
10573
+ .ncl-deploy-log-wrapper {
10574
+ .log-panel {
10575
+ .logs-common();
10576
+ background-color: @dark-grey;
10577
+ color: @light-grey-three;
10578
+ padding: 5px;
10579
+ margin: 21px 0 0 4px;
10580
+ min-height: 280px;
10581
+ max-height: 280px;
10582
+ height: 280px;
10575
10583
 
10576
- li {
10577
- height: 32px;
10578
- line-height: 32px;
10579
- width: 239px;
10584
+ .log-entry {
10585
+ .log-entry-time {
10586
+ color: @solid-grey;
10587
+ }
10580
10588
 
10581
- .item-name {
10582
- display: inline-block;
10583
- width: 170px;
10584
- overflow: hidden;
10585
- white-space: nowrap;
10586
- text-overflow: ellipsis;
10587
- margin-left: 16px;
10588
- color: @dusk-three;
10589
- vertical-align:top;
10590
- text-decoration: none;
10591
- height: 32px;
10589
+ .log-entry-level-debug{
10590
+ color: @dusty-blue;
10592
10591
  }
10593
10592
 
10594
- .igz-icon-tick {
10595
- display: inline-block;
10596
- font-size: 16px;
10597
- width: 41px;
10598
- height: 32px;
10599
- padding: 0 19px 0 12px;
10600
- vertical-align: top;
10593
+ .log-entry-level-info {
10594
+ color: @cloudy-blue;
10601
10595
  }
10602
10596
 
10603
- &:hover {
10604
- height: 32px;
10605
- background-color: @pale-grey-two;
10597
+ .log-entry-level-warn{
10598
+ color: @sunflower-yellow;
10599
+ }
10600
+
10601
+ .log-entry-level-error {
10602
+ color: @darkish-pink;
10603
+ }
10604
+
10605
+ .log-entry-message {
10606
+ font-weight: 600;
10606
10607
  }
10607
10608
  }
10608
10609
  }
10609
10610
  }
10610
-
10611
10611
  .ncl-edit-item {
10612
10612
  width: 100%;
10613
10613
  padding: 6px 0;
@@ -11717,66 +11717,6 @@ ncl-navigation-tabs {
11717
11717
  }
11718
11718
  }
11719
11719
 
11720
- .ncl-version-configuration {
11721
- > .igz-scrollable-container {
11722
- padding: 24px 25px 22px 41px;
11723
- }
11724
-
11725
- .ncl-version-configuration-wrapper {
11726
- > .row {
11727
- display: flex;
11728
- justify-content: space-between;
11729
- flex-wrap: wrap;
11730
-
11731
- .configuration-block {
11732
- padding: 16px 23px 16px;
11733
- background-color: @white;
11734
- border: solid 1px @pale-grey;
11735
- flex-grow: 1;
11736
- flex-basis: 500px;
11737
- margin-right: 16px;
11738
- margin-bottom: 16px;
11739
-
11740
- &.invisible {
11741
- visibility: hidden;
11742
- }
11743
-
11744
- .title {
11745
- font-size: 16px;
11746
- font-weight: bold;
11747
- font-style: normal;
11748
- font-stretch: normal;
11749
- letter-spacing: normal;
11750
- text-align: left;
11751
- color: @dusk-three;
11752
- margin-bottom: 12px;
11753
- }
11754
-
11755
- .row {
11756
- .label {
11757
- display: block;
11758
- font-family: Roboto, sans-serif;
11759
- font-size: 14px;
11760
- font-weight: 500;
11761
- font-style: normal;
11762
- font-stretch: normal;
11763
- letter-spacing: normal;
11764
- text-align: left;
11765
- color: @dusk-three;
11766
- padding: 0;
11767
- }
11768
- }
11769
-
11770
- .ncl-version-configuration-labels, .ncl-version-configuration-annotations {
11771
- .more-info-wrapper {
11772
- height: 20px;
11773
- }
11774
- }
11775
- }
11776
- }
11777
- }
11778
- }
11779
-
11780
11720
  .ncl-version-execution-log {
11781
11721
  .control-panel-log-color-set();
11782
11722
 
@@ -11893,6 +11833,66 @@ ncl-navigation-tabs {
11893
11833
  }
11894
11834
  }
11895
11835
 
11836
+ .ncl-version-configuration {
11837
+ > .igz-scrollable-container {
11838
+ padding: 24px 25px 22px 41px;
11839
+ }
11840
+
11841
+ .ncl-version-configuration-wrapper {
11842
+ > .row {
11843
+ display: flex;
11844
+ justify-content: space-between;
11845
+ flex-wrap: wrap;
11846
+
11847
+ .configuration-block {
11848
+ padding: 16px 23px 16px;
11849
+ background-color: @white;
11850
+ border: solid 1px @pale-grey;
11851
+ flex-grow: 1;
11852
+ flex-basis: 500px;
11853
+ margin-right: 16px;
11854
+ margin-bottom: 16px;
11855
+
11856
+ &.invisible {
11857
+ visibility: hidden;
11858
+ }
11859
+
11860
+ .title {
11861
+ font-size: 16px;
11862
+ font-weight: bold;
11863
+ font-style: normal;
11864
+ font-stretch: normal;
11865
+ letter-spacing: normal;
11866
+ text-align: left;
11867
+ color: @dusk-three;
11868
+ margin-bottom: 12px;
11869
+ }
11870
+
11871
+ .row {
11872
+ .label {
11873
+ display: block;
11874
+ font-family: Roboto, sans-serif;
11875
+ font-size: 14px;
11876
+ font-weight: 500;
11877
+ font-style: normal;
11878
+ font-stretch: normal;
11879
+ letter-spacing: normal;
11880
+ text-align: left;
11881
+ color: @dusk-three;
11882
+ padding: 0;
11883
+ }
11884
+ }
11885
+
11886
+ .ncl-version-configuration-labels, .ncl-version-configuration-annotations {
11887
+ .more-info-wrapper {
11888
+ height: 20px;
11889
+ }
11890
+ }
11891
+ }
11892
+ }
11893
+ }
11894
+ }
11895
+
11896
11896
  .ncl-version-trigger {
11897
11897
  padding: 11px 24px;
11898
11898
 
@@ -13887,6 +13887,17 @@ ncl-navigation-tabs {
13887
13887
  }
13888
13888
  }
13889
13889
 
13890
+ .ncl-version-configuration-logging {
13891
+ .row {
13892
+ display: flex;
13893
+ position: relative;
13894
+
13895
+ .logging-wrapper {
13896
+ width: 100%;
13897
+ }
13898
+ }
13899
+ }
13900
+
13890
13901
  @desktop-middle: 1550px;
13891
13902
 
13892
13903
  .ncl-version-configuration-resources {
@@ -14059,17 +14070,6 @@ ncl-navigation-tabs {
14059
14070
  }
14060
14071
  }
14061
14072
 
14062
- .ncl-version-configuration-logging {
14063
- .row {
14064
- display: flex;
14065
- position: relative;
14066
-
14067
- .logging-wrapper {
14068
- width: 100%;
14069
- }
14070
- }
14071
- }
14072
-
14073
14073
  .version-configuration-build-dialog-wrapper {
14074
14074
  font-family: Roboto;
14075
14075