iguazio.dashboard-controls 0.37.12-patch2 → 0.37.12-patch3

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.
Files changed (3) hide show
  1. package/dist/js/iguazio.dashboard-controls.js +3729 -3729
  2. package/dist/less/iguazio.dashboard-controls.less +1811 -1811
  3. package/package.json +1 -1
package/dist/less/iguazio.dashboard-controls.less CHANGED
@@ -3628,149 +3628,6 @@ ncl-functions {
3628
3628
  }
3629
3629
  }
3630
3630
 
3631
- /**
3632
- UI.Layout CSS
3633
- *************************************/
3634
- .stretch {
3635
- position: absolute;
3636
- top: 0;
3637
- left: 0;
3638
- right: 0;
3639
- bottom: 0;
3640
- /* Can be changed by hand ;)*/
3641
- overflow: auto;
3642
- }
3643
-
3644
- .animate-row, .animate-column {
3645
- -webkit-transition: all .2s cubic-bezier(0, 0, 0.2, 1);
3646
- -moz-transition: all .2s cubic-bezier(0, 0, 0.2, 1);
3647
- -ms-transition: all .2s cubic-bezier(0, 0, 0.2, 1);
3648
- -o-transition: all .2s cubic-bezier(0, 0, 0.2, 1);
3649
- transition: all .2s cubic-bezier(0, 0, 0.2, 1);
3650
- }
3651
-
3652
- .ui-splitbar {
3653
- display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
3654
- display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
3655
- display: -ms-flexbox; /* TWEENER - IE 10 */
3656
- display: -webkit-flex; /* NEW - Chrome */
3657
- display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
3658
- -webkit-justify-content: center;
3659
- justify-content: center;
3660
-
3661
- background-color: #ffffff;
3662
- right: auto;
3663
- position: absolute;
3664
- z-index: 1;
3665
- }
3666
-
3667
- .ui-layout-row > .ui-splitbar {
3668
- height: 8px;
3669
- width: 100%;
3670
- cursor: row-resize;
3671
- text-align: center;
3672
- justify-content: center;
3673
- align-items: center;
3674
- background: linear-gradient(to bottom, #fff 0%, #eee 100%);
3675
- overflow-y: hidden;
3676
- }
3677
-
3678
- .ui-layout-column > .ui-splitbar {
3679
- width: 8px;
3680
- height: 100%;
3681
- cursor: col-resize;
3682
- -webkit-flex-direction: column;
3683
- flex-direction: column;
3684
- background: linear-gradient(to right, #fff 0%, #eee 100%);
3685
- overflow-x: hidden;
3686
- }
3687
-
3688
- .ui-layout-column > .ui-splitbar > a,
3689
- .ui-layout-row > .ui-splitbar > a {
3690
- cursor: pointer;
3691
- text-align: center;
3692
- font-size: 16px;
3693
- color: #aaa;
3694
- }
3695
-
3696
- .ui-layout-column > .ui-splitbar > a:nth-child(2) {
3697
- margin-top: 0.35rem;
3698
- }
3699
-
3700
- .ui-layout-row > .ui-splitbar > a:nth-child(2) {
3701
- margin-left: 0.35rem;
3702
- }
3703
-
3704
-
3705
- /**
3706
- * Icons
3707
- **/
3708
-
3709
- .ui-splitbar-icon {
3710
- width: 0;
3711
- height: 0;
3712
- display: inline-block;
3713
- }
3714
-
3715
- .ui-splitbar-icon-up {
3716
- border-left: 0.45em solid transparent;
3717
- border-right: 0.45em solid transparent;
3718
- border-bottom: 0.45em solid;
3719
- }
3720
-
3721
- .ui-splitbar-icon-down {
3722
- border-left: 0.45em solid transparent;
3723
- border-right: 0.45em solid transparent;
3724
- border-top: 0.45em solid;
3725
- margin-right: 0.45em;
3726
- }
3727
-
3728
- .ui-splitbar-icon-right {
3729
- border-top: 0.45em solid transparent;
3730
- border-bottom: 0.45em solid transparent;
3731
- border-left: 0.45em solid;
3732
-
3733
- }
3734
-
3735
- .ui-splitbar-icon-left {
3736
- border-top: 0.45em solid transparent;
3737
- border-bottom: 0.45em solid transparent;
3738
- border-right: 0.45em solid;
3739
- margin-top: 0.45em;
3740
- }
3741
-
3742
- /* Allow disabling of icons */
3743
- .no-toggle .ui-splitbar-icon {
3744
- display: none;
3745
- }
3746
-
3747
- @media only screen and (max-device-width: 480px) {
3748
- .no-mobile-toggle .ui-splitbar-icon {
3749
- display: none;
3750
- }
3751
- }
3752
-
3753
- @media print {
3754
- .ui-splitbar {
3755
- display: none;
3756
- }
3757
-
3758
- .stretch {
3759
- position: relative;
3760
- }
3761
-
3762
- /* The last item can take up any amount of space. */
3763
- .stretch.ui-layout-container:last-child {
3764
- position: static;
3765
- overflow: visible;
3766
- }
3767
- }
3768
-
3769
- /* Make sure hidden elements are in fact not rendered. */
3770
- .ui-layout-hidden {
3771
- display: none;
3772
- }
3773
-
3774
3631
  /*
3775
3632
  == malihu jquery custom scrollbar plugin ==
3776
3633
  Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
@@ -5493,67 +5350,210 @@ yx-axis
5493
5350
 
5494
5351
  /* ---------------------------------------- */
5495
5352
 
5496
- .action-checkbox {
5497
- .action-checkbox-color-set();
5353
+ /**
5354
+ UI.Layout CSS
5355
+ *************************************/
5356
+ .stretch {
5357
+ position: absolute;
5358
+ top: 0;
5359
+ left: 0;
5360
+ right: 0;
5361
+ bottom: 0;
5362
+ /* Can be changed by hand ;)*/
5363
+ overflow: auto;
5364
+ }
5498
5365
 
5499
- line-height: 16px;
5500
- text-align: center;
5366
+ .animate-row, .animate-column {
5367
+ -webkit-transition: all .2s cubic-bezier(0, 0, 0.2, 1);
5368
+ -moz-transition: all .2s cubic-bezier(0, 0, 0.2, 1);
5369
+ -ms-transition: all .2s cubic-bezier(0, 0, 0.2, 1);
5370
+ -o-transition: all .2s cubic-bezier(0, 0, 0.2, 1);
5371
+ transition: all .2s cubic-bezier(0, 0, 0.2, 1);
5372
+ }
5501
5373
 
5502
- .check-item {
5503
- font-size: 16px;
5504
- cursor: pointer;
5505
- line-height: 1;
5506
- vertical-align: middle;
5374
+ .ui-splitbar {
5375
+ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
5376
+ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
5377
+ display: -ms-flexbox; /* TWEENER - IE 10 */
5378
+ display: -webkit-flex; /* NEW - Chrome */
5379
+ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
5380
+ -webkit-justify-content: center;
5381
+ justify-content: center;
5507
5382
 
5508
- &.igz-icon-checkbox-unchecked {
5509
- color: @icon-checkbox-unchecked;
5510
- }
5383
+ background-color: #ffffff;
5384
+ right: auto;
5385
+ position: absolute;
5386
+ z-index: 1;
5387
+ }
5511
5388
 
5512
- &.igz-icon-checkbox-checked {
5513
- color: @icon-checkbox-checked;
5514
- }
5515
- }
5389
+ .ui-layout-row > .ui-splitbar {
5390
+ height: 8px;
5391
+ width: 100%;
5392
+ cursor: row-resize;
5393
+ text-align: center;
5394
+ justify-content: center;
5395
+ align-items: center;
5396
+ background: linear-gradient(to bottom, #fff 0%, #eee 100%);
5397
+ overflow-y: hidden;
5516
5398
  }
5517
- .action-checkbox-all {
5518
- .action-checkbox-all-color-set();
5519
5399
 
5520
- text-align: center;
5400
+ .ui-layout-column > .ui-splitbar {
5401
+ width: 8px;
5402
+ height: 100%;
5403
+ cursor: col-resize;
5404
+ -webkit-flex-direction: column;
5405
+ flex-direction: column;
5406
+ background: linear-gradient(to right, #fff 0%, #eee 100%);
5407
+ overflow-x: hidden;
5408
+ }
5521
5409
 
5522
- .check-item {
5523
- cursor: pointer;
5524
- color: @check-item-color;
5525
- font-size: 16px;
5526
- line-height: 1;
5527
- vertical-align: middle;
5410
+ .ui-layout-column > .ui-splitbar > a,
5411
+ .ui-layout-row > .ui-splitbar > a {
5412
+ cursor: pointer;
5413
+ text-align: center;
5414
+ font-size: 16px;
5415
+ color: #aaa;
5416
+ }
5528
5417
 
5529
- &.igz-icon-checkbox-checked {
5530
- color: @check-item-icon-checkbox-checked-color;
5531
- }
5532
- }
5418
+ .ui-layout-column > .ui-splitbar > a:nth-child(2) {
5419
+ margin-top: 0.35rem;
5533
5420
  }
5534
- .igz-action-menu {
5535
- .action-menu-color-set();
5536
- .action-icon-color-set();
5537
5421
 
5538
- opacity: 1;
5539
- position: relative;
5422
+ .ui-layout-row > .ui-splitbar > a:nth-child(2) {
5423
+ margin-left: 0.35rem;
5424
+ }
5540
5425
 
5541
- .menu-button {
5542
- color: @menu-btn-color;
5543
- cursor: pointer;
5544
- font-size: 18px;
5545
- height: 19px;
5546
- text-align: center;
5547
- transition: @igz-basic-transition-color;
5548
- width: 30px;
5549
5426
 
5550
- &.active,
5551
- &:hover {
5552
- color: @menu-btn-active-hover-color;
5553
- }
5554
- }
5427
+ /**
5428
+ * Icons
5429
+ **/
5555
5430
 
5556
- .menu-dropdown {
5431
+ .ui-splitbar-icon {
5432
+ width: 0;
5433
+ height: 0;
5434
+ display: inline-block;
5435
+ }
5436
+
5437
+ .ui-splitbar-icon-up {
5438
+ border-left: 0.45em solid transparent;
5439
+ border-right: 0.45em solid transparent;
5440
+ border-bottom: 0.45em solid;
5441
+ }
5442
+
5443
+ .ui-splitbar-icon-down {
5444
+ border-left: 0.45em solid transparent;
5445
+ border-right: 0.45em solid transparent;
5446
+ border-top: 0.45em solid;
5447
+ margin-right: 0.45em;
5448
+ }
5449
+
5450
+ .ui-splitbar-icon-right {
5451
+ border-top: 0.45em solid transparent;
5452
+ border-bottom: 0.45em solid transparent;
5453
+ border-left: 0.45em solid;
5454
+
5455
+ }
5456
+
5457
+ .ui-splitbar-icon-left {
5458
+ border-top: 0.45em solid transparent;
5459
+ border-bottom: 0.45em solid transparent;
5460
+ border-right: 0.45em solid;
5461
+ margin-top: 0.45em;
5462
+ }
5463
+
5464
+ /* Allow disabling of icons */
5465
+ .no-toggle .ui-splitbar-icon {
5466
+ display: none;
5467
+ }
5468
+
5469
+ @media only screen and (max-device-width: 480px) {
5470
+ .no-mobile-toggle .ui-splitbar-icon {
5471
+ display: none;
5472
+ }
5473
+ }
5474
+
5475
+ @media print {
5476
+ .ui-splitbar {
5477
+ display: none;
5478
+ }
5479
+
5480
+ .stretch {
5481
+ position: relative;
5482
+ }
5483
+
5484
+ /* The last item can take up any amount of space. */
5485
+ .stretch.ui-layout-container:last-child {
5486
+ position: static;
5487
+ overflow: visible;
5488
+ }
5489
+ }
5490
+
5491
+ /* Make sure hidden elements are in fact not rendered. */
5492
+ .ui-layout-hidden {
5493
+ display: none;
5494
+ }
5495
+
5496
+ .action-checkbox {
5497
+ .action-checkbox-color-set();
5498
+
5499
+ line-height: 16px;
5500
+ text-align: center;
5501
+
5502
+ .check-item {
5503
+ font-size: 16px;
5504
+ cursor: pointer;
5505
+ line-height: 1;
5506
+ vertical-align: middle;
5507
+
5508
+ &.igz-icon-checkbox-unchecked {
5509
+ color: @icon-checkbox-unchecked;
5510
+ }
5511
+
5512
+ &.igz-icon-checkbox-checked {
5513
+ color: @icon-checkbox-checked;
5514
+ }
5515
+ }
5516
+ }
5517
+ .action-checkbox-all {
5518
+ .action-checkbox-all-color-set();
5519
+
5520
+ text-align: center;
5521
+
5522
+ .check-item {
5523
+ cursor: pointer;
5524
+ color: @check-item-color;
5525
+ font-size: 16px;
5526
+ line-height: 1;
5527
+ vertical-align: middle;
5528
+
5529
+ &.igz-icon-checkbox-checked {
5530
+ color: @check-item-icon-checkbox-checked-color;
5531
+ }
5532
+ }
5533
+ }
5534
+ .igz-action-menu {
5535
+ .action-menu-color-set();
5536
+ .action-icon-color-set();
5537
+
5538
+ opacity: 1;
5539
+ position: relative;
5540
+
5541
+ .menu-button {
5542
+ color: @menu-btn-color;
5543
+ cursor: pointer;
5544
+ font-size: 18px;
5545
+ height: 19px;
5546
+ text-align: center;
5547
+ transition: @igz-basic-transition-color;
5548
+ width: 30px;
5549
+
5550
+ &.active,
5551
+ &:hover {
5552
+ color: @menu-btn-active-hover-color;
5553
+ }
5554
+ }
5555
+
5556
+ .menu-dropdown {
5557
5557
  visibility: hidden;
5558
5558
  background-color: @menu-dropdown-bg-color;
5559
5559
  border: @menu-dropdown-border;
@@ -5998,6 +5998,82 @@ yx-axis
5998
5998
  }
5999
5999
  }
6000
6000
 
6001
+ .element-loading-status {
6002
+ .element-loading-status-color-set();
6003
+
6004
+ position: relative;
6005
+ width: 100%;
6006
+ height: 100%;
6007
+
6008
+ .loader-wrapper {
6009
+ height: 100%;
6010
+ width: 100%;
6011
+ position: relative;
6012
+
6013
+ .loader-text {
6014
+ color: @loading-text-color;
6015
+ }
6016
+ }
6017
+
6018
+ .loading-error {
6019
+ text-align: center;
6020
+ line-height: 15px;
6021
+ width: 100%;
6022
+ height: 100%;
6023
+ position: relative;
6024
+
6025
+ .sad-icon {
6026
+ position: absolute;
6027
+ left: 32px;
6028
+ }
6029
+
6030
+ .loading-error-title, .loading-error-message {
6031
+ font-size: 13px;
6032
+ font-weight: 700;
6033
+ padding: 0 15px;
6034
+ }
6035
+
6036
+ .loading-error-title {
6037
+ color: @loading-error-title-color;
6038
+ padding-top: 15px;
6039
+ }
6040
+
6041
+ .refresh-page {
6042
+ color: @loading-error-refresh-page-color;
6043
+ text-decoration: underline;
6044
+ cursor: pointer;
6045
+ }
6046
+ }
6047
+
6048
+ // Small size status
6049
+
6050
+ &.loading-status-small {
6051
+ .loader-fading-circle {
6052
+ width: 20px;
6053
+ height: 20px;
6054
+ }
6055
+
6056
+ .loading-error {
6057
+
6058
+ .loading-error-title, .loading-error-message {
6059
+ text-overflow: ellipsis;
6060
+ overflow: hidden;
6061
+ padding: 0;
6062
+ }
6063
+
6064
+ .loading-error-title {
6065
+ padding-top: 8px;
6066
+ }
6067
+
6068
+ .refresh-page {
6069
+ overflow: hidden;
6070
+ text-overflow: ellipsis;
6071
+ padding: 0;
6072
+ }
6073
+ }
6074
+ }
6075
+ }
6076
+
6001
6077
  .default-dropdown {
6002
6078
  .default-dropdown-color-set();
6003
6079
  .severity-icons-color-set();
@@ -6438,120 +6514,44 @@ yx-axis
6438
6514
  }
6439
6515
  }
6440
6516
 
6441
- .element-loading-status {
6442
- .element-loading-status-color-set();
6517
+ .more-info-wrapper {
6518
+ .more-info-color-set();
6443
6519
 
6444
6520
  position: relative;
6445
- width: 100%;
6446
- height: 100%;
6521
+ display: inline-flex;
6522
+ align-items: center;
6523
+ height: 36px;
6524
+ margin-left: 8px;
6447
6525
 
6448
- .loader-wrapper {
6449
- height: 100%;
6450
- width: 100%;
6451
- position: relative;
6526
+ .question-mark {
6527
+ cursor: default;
6452
6528
 
6453
- .loader-text {
6454
- color: @loading-text-color;
6529
+ &::before {
6530
+ color: @icon-help-round-before-color;
6531
+ background-color: @icon-help-round-before-bg-color;
6455
6532
  }
6456
- }
6457
6533
 
6458
- .loading-error {
6459
- text-align: center;
6460
- line-height: 15px;
6461
- width: 100%;
6462
- height: 100%;
6463
- position: relative;
6534
+ &:hover {
6535
+ &::before {
6536
+ color: @icon-help-round-hover-before-color;
6537
+ }
6464
6538
 
6465
- .sad-icon {
6466
- position: absolute;
6467
- left: 32px;
6539
+ + .row-description-wrapper.row-description {
6540
+ color: @icon-help-description-hover-color;
6541
+ }
6468
6542
  }
6469
6543
 
6470
- .loading-error-title, .loading-error-message {
6471
- font-size: 13px;
6472
- font-weight: 700;
6473
- padding: 0 15px;
6474
- }
6475
-
6476
- .loading-error-title {
6477
- color: @loading-error-title-color;
6478
- padding-top: 15px;
6479
- }
6480
-
6481
- .refresh-page {
6482
- color: @loading-error-refresh-page-color;
6483
- text-decoration: underline;
6484
- cursor: pointer;
6485
- }
6486
- }
6487
-
6488
- // Small size status
6489
-
6490
- &.loading-status-small {
6491
- .loader-fading-circle {
6492
- width: 20px;
6493
- height: 20px;
6494
- }
6495
-
6496
- .loading-error {
6497
-
6498
- .loading-error-title, .loading-error-message {
6499
- text-overflow: ellipsis;
6500
- overflow: hidden;
6501
- padding: 0;
6502
- }
6503
-
6504
- .loading-error-title {
6505
- padding-top: 8px;
6506
- }
6507
-
6508
- .refresh-page {
6509
- overflow: hidden;
6510
- text-overflow: ellipsis;
6511
- padding: 0;
6512
- }
6513
- }
6514
- }
6515
- }
6516
-
6517
- .more-info-wrapper {
6518
- .more-info-color-set();
6519
-
6520
- position: relative;
6521
- display: inline-flex;
6522
- align-items: center;
6523
- height: 36px;
6524
- margin-left: 8px;
6525
-
6526
- .question-mark {
6527
- cursor: default;
6528
-
6529
- &::before {
6530
- color: @icon-help-round-before-color;
6531
- background-color: @icon-help-round-before-bg-color;
6532
- }
6533
-
6534
- &:hover {
6535
- &::before {
6536
- color: @icon-help-round-hover-before-color;
6537
- }
6538
-
6539
- + .row-description-wrapper.row-description {
6540
- color: @icon-help-description-hover-color;
6541
- }
6542
- }
6543
-
6544
- &.igz-icon-alert-message {
6545
- &::before {
6546
- color: @icon-warn-hover-before-color;
6547
- background-color: @icon-warn-before-bg-color;
6548
- }
6549
-
6550
- &:hover {
6551
- &::before {
6552
- color: @icon-warn-before-color;
6553
- }
6554
- }
6544
+ &.igz-icon-alert-message {
6545
+ &::before {
6546
+ color: @icon-warn-hover-before-color;
6547
+ background-color: @icon-warn-before-bg-color;
6548
+ }
6549
+
6550
+ &:hover {
6551
+ &::before {
6552
+ color: @icon-warn-before-color;
6553
+ }
6554
+ }
6555
6555
  }
6556
6556
 
6557
6557
  &.click-trigger {
@@ -6672,116 +6672,308 @@ yx-axis
6672
6672
  }
6673
6673
  }
6674
6674
 
6675
- .igz-multiple-checkboxes {
6676
- .multiple-checkboxes-color-set();
6675
+ .igz-navigation-tabs {
6676
+ .navigation-tabs-color-set();
6677
6677
 
6678
- .igz-multiple-checkboxes-list {
6679
- list-style-type: none;
6680
- -webkit-margin-before: 0;
6681
- -webkit-margin-after: 0;
6682
- -webkit-padding-start: 0;
6683
- margin: 0;
6684
- padding: 0;
6678
+ background-color: @navigation-tabs-bg-color;
6679
+ height: 56px;
6680
+ padding-top: 7px;
6685
6681
 
6686
- .multiple-checkboxes-option {
6687
- margin: 5px 0;
6682
+ .navigation-tab {
6683
+ float: left;
6684
+ height: 32px;
6685
+ padding: 15px 24px 0;
6686
+ font-family: @font-family-sans-serif;
6687
+ color: @navigation-tab-color;
6688
+ font-size: 14px;
6689
+ text-align: center;
6690
+ cursor: pointer;
6691
+ border-bottom: @navigation-tab-border-bottom;
6692
+ box-sizing: content-box;
6693
+
6694
+ &.active, &.active:hover {
6695
+ background-color: @navigation-tab-active-hover-bg-color;
6696
+ color: @navigation-tab-active-hover-color;
6697
+ border-bottom: @navigation-tab-active-hover-border-bottom;
6688
6698
  }
6689
- }
6690
6699
 
6691
- .checkboxes-dropdown-field {
6692
- border: @checkboxes-dropdown-field-border;
6693
- border-radius: 2px;
6694
- height: 100%;
6695
- color: @checkboxes-dropdown-field-border;
6696
- cursor: pointer;
6697
- outline: none;
6698
- font-family: @font-family-sans-serif;
6699
- margin-top: 0;
6700
- display: flex;
6701
- align-items: center;
6702
- justify-content: space-between;
6700
+ &:hover {
6701
+ background-color: @navigation-tab-hover-bg-color;
6702
+ }
6703
6703
 
6704
- &.opened {
6705
- background-color: @checkboxes-dropdown-field-opened-bg-color;
6704
+ &.active {
6705
+ background-color: @navigation-tab-active-bg-color;
6706
6706
  }
6707
6707
 
6708
- .checkboxes-dropdown-title {
6709
- font-size: 12px;
6710
- font-weight: 500;
6711
- text-transform: uppercase;
6708
+ @media screen and (max-width: 940px) {
6709
+ padding: 15px 12px 0;
6712
6710
  }
6713
6711
  }
6712
+ }
6714
6713
 
6715
- .checkboxes-dropdown-container {
6716
- background-color: @checkboxes-dropdown-container-bg-color;
6717
- border-radius: 2px;
6718
- box-shadow: @checkboxes-dropdown-container-box-shadow;
6719
- color: @checkboxes-dropdown-container-color;
6720
- overflow: hidden;
6721
- position: absolute;
6722
- z-index: 1000;
6723
- min-width: 236px;
6724
- height: 100%;
6725
- margin-top: 2px;
6726
- margin-bottom: 2px;
6727
- padding: 8px 0;
6714
+ .igz-number-input {
6715
+ .number-input-color-set();
6728
6716
 
6729
- .checkboxes-dropdown-scrollbar-container {
6730
- padding-bottom: 36px;
6731
- height: 100%;
6717
+ min-width: 115px;
6718
+ font-family: @font-family-sans-serif;
6719
+ font-size: 14px;
6720
+ font-weight: 400;
6721
+ height: 36px;
6722
+ position: relative;
6723
+ background-color: @number-input-bg-color;
6724
+ border: @number-input-border;
6725
+ border-radius: 2px;
6726
+ color: @number-input-color;
6727
+ display: flex;
6728
+ justify-content: flex-start;
6729
+ align-items: center;
6730
+ padding: 0 10px 0 11px;
6731
+ z-index: 3;
6732
6732
 
6733
- .search-input-wrapper {
6734
- .checkboxes-search-input {
6735
- .validating-input-field {
6736
- height: 32px;
6737
- width: 100%;
6738
- color: @checkboxes-search-input-color;
6739
- outline: none;
6740
- border: @checkboxes-search-input-border;
6741
- border-radius: 2px;
6742
- margin-bottom: 12px;
6733
+ &:not(.disabled) {
6734
+ &:focus.ng-invalid:not(.ng-pristine), &.ng-invalid.ng-touched {
6735
+ background-color: @number-input-not-disabled-focus-invalid-bg-color;
6736
+ border: @number-input-not-disabled-focus-invalid-border;
6737
+ box-shadow: none;
6738
+ outline: none;
6739
+ }
6743
6740
 
6744
- &.active {
6745
- color: @dusk-three;
6746
- border: @checkboxes-search-input-active-border;
6747
- }
6741
+ &:focus-within, &.focused {
6742
+ outline: 0;
6743
+ border: @number-input-not-disabled-hover-focus-border;
6744
+ }
6748
6745
 
6749
- .input-field {
6750
- height: 30px;
6751
- border: none;
6752
- padding: 0 9px;
6746
+ &.invalid:not(.pristine), &.invalid.submitted {
6747
+ background-color: @number-input-not-disabled-invalid-bg-color;
6748
+ border: @number-input-not-disabled-invalid-border;
6749
+ box-shadow: none;
6750
+ }
6753
6751
 
6754
- &:focus {
6755
- border: none;
6756
- }
6757
- }
6752
+ &:focus.ng-valid, &:focus.ng-pristine {
6753
+ border: @number-input-not-disabled-valid-border;
6754
+ box-shadow: none;
6755
+ outline: none;
6756
+ }
6757
+ }
6758
6758
 
6759
- .input-icon {
6760
- left: unset;
6761
- right: 8px;
6762
- top: 0;
6763
- }
6764
- }
6765
- }
6766
- }
6759
+ &.additional-left-padding {
6760
+ padding-left: 22px;
6761
+ }
6767
6762
 
6768
- .checkboxes-groups-wrapper {
6769
- .checkboxes-groups {
6770
- .checkboxes-list {
6771
- padding: 0;
6772
- margin: 0;
6773
- }
6774
- }
6763
+ .input-field {
6764
+ border: none;
6765
+ outline: 0;
6766
+ padding: 0;
6767
+ text-align: left;
6768
+ background-color: @number-input-field-bg-color;
6769
+ }
6775
6770
 
6776
- .checkboxes-groups:not(:first-child) {
6777
- padding-top: 10px;
6778
- }
6771
+ //
6772
+ // placeholder
6773
+ //
6779
6774
 
6780
- .checkboxes-groups:not(:last-child) {
6781
- padding-bottom: 10px;
6782
- border-bottom: @checkboxes-group-border-bottom;
6783
- }
6784
- }
6775
+ ::-webkit-input-placeholder {
6776
+ /* Chrome, Chromium, Edge, Safari, Opera*/
6777
+ color: @number-input-placeholder-color;
6778
+ }
6779
+
6780
+ :-moz-placeholder {
6781
+ /* Firefox 4-18 */
6782
+ color: @number-input-placeholder-color;
6783
+ }
6784
+
6785
+ ::-moz-placeholder {
6786
+ /* Firefox 19+ */
6787
+ color: @number-input-placeholder-color;
6788
+ }
6789
+
6790
+ :-ms-input-placeholder {
6791
+ /* - Internet Explorer 10–11
6792
+ - Internet Explorer Mobile 10-11 */
6793
+ color: @number-input-placeholder-color !important;
6794
+ }
6795
+
6796
+ ::placeholder {
6797
+ /* modern browser versions */
6798
+ color: @number-input-placeholder-color;
6799
+ }
6800
+
6801
+ .additional-left-block {
6802
+ .prefix-unit {
6803
+ color: @number-input-additional-left-block-prefix-unit-color;
6804
+ font-size: 14px;
6805
+ font-weight: 700;
6806
+ padding-right: 7px;
6807
+ }
6808
+ }
6809
+
6810
+ .suffix-unit-container {
6811
+ display: flex;
6812
+ align-items: center;
6813
+
6814
+ .suffix-unit {
6815
+ color: @number-input-suffix-unit-color;
6816
+ font-size: 14px;
6817
+ font-weight: 400;
6818
+ padding-left: 3px;
6819
+ }
6820
+ }
6821
+
6822
+ .arrow-block {
6823
+ font-size: 11px;
6824
+ display: flex;
6825
+ flex-direction: column;
6826
+ justify-content: center;
6827
+ height: 100%;
6828
+ margin-left: 6px;
6829
+
6830
+ .igz-icon-dropup, .igz-icon-dropdown {
6831
+ color: @number-input-arrow-block-icon-color;
6832
+ cursor: pointer;
6833
+ display: block;
6834
+ line-height: 11px;
6835
+ outline: 0;
6836
+
6837
+ &:hover {
6838
+ color: @number-input-arrow-block-icon-hover-color;
6839
+ }
6840
+ }
6841
+ }
6842
+
6843
+ &.disabled {
6844
+ background-color: @number-input-disabled-bg-color;
6845
+ opacity: 0.5;
6846
+
6847
+ .suffix-unit {
6848
+ opacity: 0.5;
6849
+ }
6850
+
6851
+ .igz-icon-dropup, .igz-icon-dropdown {
6852
+ &, &:hover {
6853
+ color: @number-input-disabled-icon-hover-color;
6854
+ opacity: 0.5;
6855
+ cursor: default;
6856
+ }
6857
+ }
6858
+ }
6859
+ }
6860
+
6861
+ .step3, .step4 {
6862
+ .additional-right-padding {
6863
+ padding-right: 50px;
6864
+ }
6865
+ }
6866
+
6867
+ .igz-multiple-checkboxes {
6868
+ .multiple-checkboxes-color-set();
6869
+
6870
+ .igz-multiple-checkboxes-list {
6871
+ list-style-type: none;
6872
+ -webkit-margin-before: 0;
6873
+ -webkit-margin-after: 0;
6874
+ -webkit-padding-start: 0;
6875
+ margin: 0;
6876
+ padding: 0;
6877
+
6878
+ .multiple-checkboxes-option {
6879
+ margin: 5px 0;
6880
+ }
6881
+ }
6882
+
6883
+ .checkboxes-dropdown-field {
6884
+ border: @checkboxes-dropdown-field-border;
6885
+ border-radius: 2px;
6886
+ height: 100%;
6887
+ color: @checkboxes-dropdown-field-border;
6888
+ cursor: pointer;
6889
+ outline: none;
6890
+ font-family: @font-family-sans-serif;
6891
+ margin-top: 0;
6892
+ display: flex;
6893
+ align-items: center;
6894
+ justify-content: space-between;
6895
+
6896
+ &.opened {
6897
+ background-color: @checkboxes-dropdown-field-opened-bg-color;
6898
+ }
6899
+
6900
+ .checkboxes-dropdown-title {
6901
+ font-size: 12px;
6902
+ font-weight: 500;
6903
+ text-transform: uppercase;
6904
+ }
6905
+ }
6906
+
6907
+ .checkboxes-dropdown-container {
6908
+ background-color: @checkboxes-dropdown-container-bg-color;
6909
+ border-radius: 2px;
6910
+ box-shadow: @checkboxes-dropdown-container-box-shadow;
6911
+ color: @checkboxes-dropdown-container-color;
6912
+ overflow: hidden;
6913
+ position: absolute;
6914
+ z-index: 1000;
6915
+ min-width: 236px;
6916
+ height: 100%;
6917
+ margin-top: 2px;
6918
+ margin-bottom: 2px;
6919
+ padding: 8px 0;
6920
+
6921
+ .checkboxes-dropdown-scrollbar-container {
6922
+ padding-bottom: 36px;
6923
+ height: 100%;
6924
+
6925
+ .search-input-wrapper {
6926
+ .checkboxes-search-input {
6927
+ .validating-input-field {
6928
+ height: 32px;
6929
+ width: 100%;
6930
+ color: @checkboxes-search-input-color;
6931
+ outline: none;
6932
+ border: @checkboxes-search-input-border;
6933
+ border-radius: 2px;
6934
+ margin-bottom: 12px;
6935
+
6936
+ &.active {
6937
+ color: @dusk-three;
6938
+ border: @checkboxes-search-input-active-border;
6939
+ }
6940
+
6941
+ .input-field {
6942
+ height: 30px;
6943
+ border: none;
6944
+ padding: 0 9px;
6945
+
6946
+ &:focus {
6947
+ border: none;
6948
+ }
6949
+ }
6950
+
6951
+ .input-icon {
6952
+ left: unset;
6953
+ right: 8px;
6954
+ top: 0;
6955
+ }
6956
+ }
6957
+ }
6958
+ }
6959
+
6960
+ .checkboxes-groups-wrapper {
6961
+ .checkboxes-groups {
6962
+ .checkboxes-list {
6963
+ padding: 0;
6964
+ margin: 0;
6965
+ }
6966
+ }
6967
+
6968
+ .checkboxes-groups:not(:first-child) {
6969
+ padding-top: 10px;
6970
+ }
6971
+
6972
+ .checkboxes-groups:not(:last-child) {
6973
+ padding-bottom: 10px;
6974
+ border-bottom: @checkboxes-group-border-bottom;
6975
+ }
6976
+ }
6785
6977
 
6786
6978
  .search-input-wrapper,
6787
6979
  .checkboxes-header,
@@ -6855,45 +7047,6 @@ yx-axis
6855
7047
  }
6856
7048
  }
6857
7049
 
6858
- .igz-navigation-tabs {
6859
- .navigation-tabs-color-set();
6860
-
6861
- background-color: @navigation-tabs-bg-color;
6862
- height: 56px;
6863
- padding-top: 7px;
6864
-
6865
- .navigation-tab {
6866
- float: left;
6867
- height: 32px;
6868
- padding: 15px 24px 0;
6869
- font-family: @font-family-sans-serif;
6870
- color: @navigation-tab-color;
6871
- font-size: 14px;
6872
- text-align: center;
6873
- cursor: pointer;
6874
- border-bottom: @navigation-tab-border-bottom;
6875
- box-sizing: content-box;
6876
-
6877
- &.active, &.active:hover {
6878
- background-color: @navigation-tab-active-hover-bg-color;
6879
- color: @navigation-tab-active-hover-color;
6880
- border-bottom: @navigation-tab-active-hover-border-bottom;
6881
- }
6882
-
6883
- &:hover {
6884
- background-color: @navigation-tab-hover-bg-color;
6885
- }
6886
-
6887
- &.active {
6888
- background-color: @navigation-tab-active-bg-color;
6889
- }
6890
-
6891
- @media screen and (max-width: 940px) {
6892
- padding: 15px 12px 0;
6893
- }
6894
- }
6895
- }
6896
-
6897
7050
  .igz-pagination {
6898
7051
  .pagination-color-set();
6899
7052
 
@@ -7229,161 +7382,8 @@ yx-axis
7229
7382
  }
7230
7383
  }
7231
7384
  }
7232
- .igz-number-input {
7233
- .number-input-color-set();
7234
-
7235
- min-width: 115px;
7236
- font-family: @font-family-sans-serif;
7237
- font-size: 14px;
7238
- font-weight: 400;
7239
- height: 36px;
7240
- position: relative;
7241
- background-color: @number-input-bg-color;
7242
- border: @number-input-border;
7243
- border-radius: 2px;
7244
- color: @number-input-color;
7245
- display: flex;
7246
- justify-content: flex-start;
7247
- align-items: center;
7248
- padding: 0 10px 0 11px;
7249
- z-index: 3;
7250
-
7251
- &:not(.disabled) {
7252
- &:focus.ng-invalid:not(.ng-pristine), &.ng-invalid.ng-touched {
7253
- background-color: @number-input-not-disabled-focus-invalid-bg-color;
7254
- border: @number-input-not-disabled-focus-invalid-border;
7255
- box-shadow: none;
7256
- outline: none;
7257
- }
7258
-
7259
- &:focus-within, &.focused {
7260
- outline: 0;
7261
- border: @number-input-not-disabled-hover-focus-border;
7262
- }
7263
-
7264
- &.invalid:not(.pristine), &.invalid.submitted {
7265
- background-color: @number-input-not-disabled-invalid-bg-color;
7266
- border: @number-input-not-disabled-invalid-border;
7267
- box-shadow: none;
7268
- }
7269
-
7270
- &:focus.ng-valid, &:focus.ng-pristine {
7271
- border: @number-input-not-disabled-valid-border;
7272
- box-shadow: none;
7273
- outline: none;
7274
- }
7275
- }
7276
-
7277
- &.additional-left-padding {
7278
- padding-left: 22px;
7279
- }
7280
-
7281
- .input-field {
7282
- border: none;
7283
- outline: 0;
7284
- padding: 0;
7285
- text-align: left;
7286
- background-color: @number-input-field-bg-color;
7287
- }
7288
-
7289
- //
7290
- // placeholder
7291
- //
7292
-
7293
- ::-webkit-input-placeholder {
7294
- /* Chrome, Chromium, Edge, Safari, Opera*/
7295
- color: @number-input-placeholder-color;
7296
- }
7297
-
7298
- :-moz-placeholder {
7299
- /* Firefox 4-18 */
7300
- color: @number-input-placeholder-color;
7301
- }
7302
-
7303
- ::-moz-placeholder {
7304
- /* Firefox 19+ */
7305
- color: @number-input-placeholder-color;
7306
- }
7307
-
7308
- :-ms-input-placeholder {
7309
- /* - Internet Explorer 10–11
7310
- - Internet Explorer Mobile 10-11 */
7311
- color: @number-input-placeholder-color !important;
7312
- }
7313
-
7314
- ::placeholder {
7315
- /* modern browser versions */
7316
- color: @number-input-placeholder-color;
7317
- }
7318
-
7319
- .additional-left-block {
7320
- .prefix-unit {
7321
- color: @number-input-additional-left-block-prefix-unit-color;
7322
- font-size: 14px;
7323
- font-weight: 700;
7324
- padding-right: 7px;
7325
- }
7326
- }
7327
-
7328
- .suffix-unit-container {
7329
- display: flex;
7330
- align-items: center;
7331
-
7332
- .suffix-unit {
7333
- color: @number-input-suffix-unit-color;
7334
- font-size: 14px;
7335
- font-weight: 400;
7336
- padding-left: 3px;
7337
- }
7338
- }
7339
-
7340
- .arrow-block {
7341
- font-size: 11px;
7342
- display: flex;
7343
- flex-direction: column;
7344
- justify-content: center;
7345
- height: 100%;
7346
- margin-left: 6px;
7347
-
7348
- .igz-icon-dropup, .igz-icon-dropdown {
7349
- color: @number-input-arrow-block-icon-color;
7350
- cursor: pointer;
7351
- display: block;
7352
- line-height: 11px;
7353
- outline: 0;
7354
-
7355
- &:hover {
7356
- color: @number-input-arrow-block-icon-hover-color;
7357
- }
7358
- }
7359
- }
7360
-
7361
- &.disabled {
7362
- background-color: @number-input-disabled-bg-color;
7363
- opacity: 0.5;
7364
-
7365
- .suffix-unit {
7366
- opacity: 0.5;
7367
- }
7368
-
7369
- .igz-icon-dropup, .igz-icon-dropdown {
7370
- &, &:hover {
7371
- color: @number-input-disabled-icon-hover-color;
7372
- opacity: 0.5;
7373
- cursor: default;
7374
- }
7375
- }
7376
- }
7377
- }
7378
-
7379
- .step3, .step4 {
7380
- .additional-right-padding {
7381
- padding-right: 50px;
7382
- }
7383
- }
7384
-
7385
- .igz-size {
7386
- .size-color-set();
7385
+ .igz-size {
7386
+ .size-color-set();
7387
7387
 
7388
7388
  align-items: center;
7389
7389
  display: flex;
@@ -7708,6 +7708,83 @@ yx-axis
7708
7708
  }
7709
7709
  }
7710
7710
  }
7711
+ .ngdialog.text-edit {
7712
+ .text-edit-color-set();
7713
+
7714
+ .ngdialog-content {
7715
+ padding: 0;
7716
+ width: 1000px;
7717
+ height: 678px;
7718
+
7719
+ .text-preview-directive-wrapper {
7720
+ .title {
7721
+ margin: 25px 0 0 24px;
7722
+ padding: 0 70px 0 0;
7723
+ }
7724
+
7725
+ .close-button {
7726
+ position: absolute;
7727
+ top: 24px;
7728
+ right: 24px;
7729
+ font-size: 18px;
7730
+ color: @close-btn-color;
7731
+ }
7732
+
7733
+ .buttons {
7734
+ margin-right: 24px;
7735
+ }
7736
+
7737
+ .text-preview-wrapper {
7738
+ background-color: @text-preview-wrapper-bg-color;
7739
+ border-top: @text-preview-wrapper-border-top;
7740
+ border-bottom: @text-preview-wrapper-border-bottom;
7741
+ border-radius: 2px;
7742
+ margin-bottom: 16px;
7743
+ padding: 15px 22px 17px;
7744
+ min-width: 690px;
7745
+ height: 550px;
7746
+
7747
+ .text-preview-container {
7748
+ width: 100%;
7749
+ line-height: 1.9;
7750
+ text-align: left;
7751
+ padding-right: 22px;
7752
+ font-size: 13px;
7753
+ color: @text-preview-container-color;
7754
+ resize: none;
7755
+ overflow: hidden;
7756
+ border-color: @text-preview-container-border-color;
7757
+ background-color: @text-preview-container-bg-color;
7758
+ cursor: text;
7759
+ }
7760
+
7761
+ .text-preview-container:focus {
7762
+ outline: 0;
7763
+ }
7764
+
7765
+ .word-wrap-checkbox-wrapper {
7766
+ width: 100%;
7767
+ display: flex;
7768
+ justify-content: flex-end;
7769
+
7770
+ .col-checkbox {
7771
+ line-height: normal;
7772
+ height: 25px;
7773
+
7774
+ label:before {
7775
+ font-size: 16px;
7776
+ }
7777
+ }
7778
+ }
7779
+ }
7780
+ }
7781
+ }
7782
+
7783
+ .ncl-monaco {
7784
+ height: 500px;
7785
+ }
7786
+ }
7787
+
7711
7788
  .validating-input-field {
7712
7789
  .validating-input-field-color-set();
7713
7790
 
@@ -8038,80 +8115,63 @@ form.ng-submitted .validating-input-field {
8038
8115
  }
8039
8116
  }
8040
8117
 
8041
- .ngdialog.text-edit {
8042
- .text-edit-color-set();
8043
-
8044
- .ngdialog-content {
8045
- padding: 0;
8046
- width: 1000px;
8047
- height: 678px;
8118
+ .toast-status-panel {
8119
+ .toast-status-panel-color-set();
8048
8120
 
8049
- .text-preview-directive-wrapper {
8050
- .title {
8051
- margin: 25px 0 0 24px;
8052
- padding: 0 70px 0 0;
8053
- }
8121
+ margin-bottom: 20px;
8122
+ padding: 16px 36px 16px 12px;
8123
+ background-color: @toast-panel-bg-color;
8124
+ border: @toast-panel-border;
8125
+ position: relative;
8054
8126
 
8055
- .close-button {
8056
- position: absolute;
8057
- top: 24px;
8058
- right: 24px;
8059
- font-size: 18px;
8060
- color: @close-btn-color;
8061
- }
8127
+ &.in-progress {
8128
+ background-color: @toast-panel-in-progress-bg-color;
8129
+ border: @toast-panel-in-progress-border;
8130
+ }
8062
8131
 
8063
- .buttons {
8064
- margin-right: 24px;
8065
- }
8132
+ &.failed {
8133
+ background-color: @toast-panel-failed-bg-color;
8134
+ border: @toast-panel-failed-border;
8135
+ }
8066
8136
 
8067
- .text-preview-wrapper {
8068
- background-color: @text-preview-wrapper-bg-color;
8069
- border-top: @text-preview-wrapper-border-top;
8070
- border-bottom: @text-preview-wrapper-border-bottom;
8071
- border-radius: 2px;
8072
- margin-bottom: 16px;
8073
- padding: 15px 22px 17px;
8074
- min-width: 690px;
8075
- height: 550px;
8137
+ .panel-status {
8138
+ color: @toast-panel-status-color;
8139
+ line-height: 24px;
8140
+ font-size: 14px;
8141
+ font-weight: 700;
8142
+ font-family: @font-family-sans-serif;
8143
+ align-items: center;
8144
+ display: flex;
8145
+ justify-content: center;
8076
8146
 
8077
- .text-preview-container {
8078
- width: 100%;
8079
- line-height: 1.9;
8080
- text-align: left;
8081
- padding-right: 22px;
8082
- font-size: 13px;
8083
- color: @text-preview-container-color;
8084
- resize: none;
8085
- overflow: hidden;
8086
- border-color: @text-preview-container-border-color;
8087
- background-color: @text-preview-container-bg-color;
8088
- cursor: text;
8089
- }
8147
+ &.in-progress {
8148
+ color: @toast-panel-status-in-progress-color;
8149
+ }
8090
8150
 
8091
- .text-preview-container:focus {
8092
- outline: 0;
8093
- }
8151
+ &.failed {
8152
+ color: @toast-panel-status-failed-color;
8153
+ }
8094
8154
 
8095
- .word-wrap-checkbox-wrapper {
8096
- width: 100%;
8097
- display: flex;
8098
- justify-content: flex-end;
8155
+ .panel-status-icon {
8156
+ font-size: 24px;
8099
8157
 
8100
- .col-checkbox {
8101
- line-height: normal;
8102
- height: 25px;
8158
+ &.igz-icon-properties {
8159
+ -webkit-animation: rotation 4s infinite linear;
8103
8160
 
8104
- label:before {
8105
- font-size: 16px;
8106
- }
8161
+ @-webkit-keyframes rotation {
8162
+ from {
8163
+ -webkit-transform: rotate(0deg);
8164
+ }
8165
+ to {
8166
+ -webkit-transform: rotate(359deg);
8107
8167
  }
8108
8168
  }
8109
8169
  }
8110
8170
  }
8111
- }
8112
8171
 
8113
- .ncl-monaco {
8114
- height: 500px;
8172
+ .panel-status-msg {
8173
+ margin-left: 8px;
8174
+ }
8115
8175
  }
8116
8176
  }
8117
8177
 
@@ -8150,66 +8210,6 @@ form.ng-submitted .validating-input-field {
8150
8210
  }
8151
8211
  }
8152
8212
 
8153
- .toast-status-panel {
8154
- .toast-status-panel-color-set();
8155
-
8156
- margin-bottom: 20px;
8157
- padding: 16px 36px 16px 12px;
8158
- background-color: @toast-panel-bg-color;
8159
- border: @toast-panel-border;
8160
- position: relative;
8161
-
8162
- &.in-progress {
8163
- background-color: @toast-panel-in-progress-bg-color;
8164
- border: @toast-panel-in-progress-border;
8165
- }
8166
-
8167
- &.failed {
8168
- background-color: @toast-panel-failed-bg-color;
8169
- border: @toast-panel-failed-border;
8170
- }
8171
-
8172
- .panel-status {
8173
- color: @toast-panel-status-color;
8174
- line-height: 24px;
8175
- font-size: 14px;
8176
- font-weight: 700;
8177
- font-family: @font-family-sans-serif;
8178
- align-items: center;
8179
- display: flex;
8180
- justify-content: center;
8181
-
8182
- &.in-progress {
8183
- color: @toast-panel-status-in-progress-color;
8184
- }
8185
-
8186
- &.failed {
8187
- color: @toast-panel-status-failed-color;
8188
- }
8189
-
8190
- .panel-status-icon {
8191
- font-size: 24px;
8192
-
8193
- &.igz-icon-properties {
8194
- -webkit-animation: rotation 4s infinite linear;
8195
-
8196
- @-webkit-keyframes rotation {
8197
- from {
8198
- -webkit-transform: rotate(0deg);
8199
- }
8200
- to {
8201
- -webkit-transform: rotate(359deg);
8202
- }
8203
- }
8204
- }
8205
- }
8206
-
8207
- .panel-status-msg {
8208
- margin-left: 8px;
8209
- }
8210
- }
8211
- }
8212
-
8213
8213
  .new-api-gateway-wizard {
8214
8214
  .new-api-gateway-wizard-color-set();
8215
8215
 
@@ -10044,6 +10044,44 @@ ncl-breadcrumbs {
10044
10044
  }
10045
10045
  }
10046
10046
 
10047
+ .ncl-deploy-log-wrapper {
10048
+ .log-panel {
10049
+ .logs-common();
10050
+ background-color: @dark-grey;
10051
+ color: @light-grey-three;
10052
+ padding: 5px;
10053
+ margin: 21px 0 0 4px;
10054
+ min-height: 280px;
10055
+ max-height: 280px;
10056
+ height: 280px;
10057
+
10058
+ .log-entry {
10059
+ .log-entry-time {
10060
+ color: @solid-grey;
10061
+ }
10062
+
10063
+ .log-entry-level-debug{
10064
+ color: @dusty-blue;
10065
+ }
10066
+
10067
+ .log-entry-level-info {
10068
+ color: @cloudy-blue;
10069
+ }
10070
+
10071
+ .log-entry-level-warn{
10072
+ color: @sunflower-yellow;
10073
+ }
10074
+
10075
+ .log-entry-level-error {
10076
+ color: @darkish-pink;
10077
+ }
10078
+
10079
+ .log-entry-message {
10080
+ font-weight: 600;
10081
+ }
10082
+ }
10083
+ }
10084
+ }
10047
10085
  .ncl-edit-item {
10048
10086
  width: 100%;
10049
10087
  padding: 6px 0;
@@ -10144,44 +10182,6 @@ ncl-breadcrumbs {
10144
10182
  }
10145
10183
  }
10146
10184
 
10147
- .ncl-deploy-log-wrapper {
10148
- .log-panel {
10149
- .logs-common();
10150
- background-color: @dark-grey;
10151
- color: @light-grey-three;
10152
- padding: 5px;
10153
- margin: 21px 0 0 4px;
10154
- min-height: 280px;
10155
- max-height: 280px;
10156
- height: 280px;
10157
-
10158
- .log-entry {
10159
- .log-entry-time {
10160
- color: @solid-grey;
10161
- }
10162
-
10163
- .log-entry-level-debug{
10164
- color: @dusty-blue;
10165
- }
10166
-
10167
- .log-entry-level-info {
10168
- color: @cloudy-blue;
10169
- }
10170
-
10171
- .log-entry-level-warn{
10172
- color: @sunflower-yellow;
10173
- }
10174
-
10175
- .log-entry-level-error {
10176
- color: @darkish-pink;
10177
- }
10178
-
10179
- .log-entry-message {
10180
- font-weight: 600;
10181
- }
10182
- }
10183
- }
10184
- }
10185
10185
  .view-yaml-dialog-wrapper {
10186
10186
  .ngdialog-content {
10187
10187
  .view-yaml-dialog-header {
@@ -10200,192 +10200,31 @@ ncl-breadcrumbs {
10200
10200
  }
10201
10201
  }
10202
10202
  }
10203
- ncl-navigation-tabs {
10204
- .ncl-navigation-tabs-color-set();
10205
-
10206
- position: relative;
10207
- z-index: 999;
10208
- background: @navigation-tabs-bg-color;
10209
-
10210
- .ncl-navigation-tabs-wrapper {
10203
+ .ncl-key-value-input {
10204
+ .input-wrapper {
10205
+ width: 100%;
10211
10206
  display: flex;
10212
- align-items: center;
10213
- justify-content: space-between;
10214
- border-bottom: 1px solid @mystic-two;
10215
- border-top: none;
10216
-
10217
- .ncl-navigation-tabs {
10218
- background: @navigation-tabs-bg-color;
10219
- height: 54px;
10207
+ background-color: @white;
10208
+ position: relative;
10220
10209
 
10221
- .navigation-tab {
10222
- position: relative;
10223
- float: left;
10224
- height: 32px;
10225
- padding: 20px 40px 0;
10226
- font-family: @font-family-sans-serif;
10227
- color: @navigation-tab-color;
10228
- font-size: 13px;
10229
- text-align: center;
10230
- cursor: pointer;
10231
- border-bottom: @navigation-tab-border-bottom;
10232
- box-sizing: content-box;
10210
+ .check-row {
10211
+ width: 28px;
10212
+ display: flex;
10213
+ align-items: center;
10214
+ justify-content: center;
10215
+ }
10233
10216
 
10234
- &.active, &.active:hover {
10235
- background: none;
10236
- color: @navigation-tab-active-hover-color;
10237
- border-bottom: @navigation-tab-active-hover-border-bottom;
10238
- font-weight: bold;
10239
- }
10217
+ .three-dot-menu {
10218
+ position: absolute;
10219
+ right: 10px;
10220
+ top: 8px;
10221
+ width: 20px;
10222
+ visibility: hidden;
10223
+ }
10240
10224
 
10241
- &.ncl-status-indicator {
10242
- padding-right: 8px;
10243
-
10244
- &:hover {
10245
- .ncl-status-tooltip {
10246
- display: flex;
10247
- }
10248
- }
10249
- }
10250
-
10251
- .ncl-status-light {
10252
- position: relative;
10253
- display: inline-block;
10254
- width: 8px;
10255
- height: 8px;
10256
- border-radius: 50%;
10257
- margin-left: 34px;
10258
- background-color: @solid-grey;
10259
-
10260
- &.ncl-status-ready {
10261
- background-color: @tealish;
10262
- }
10263
-
10264
- &.ncl-status-building {
10265
- background-color: @pale-orange;
10266
- }
10267
-
10268
- &.ncl-status-error {
10269
- background-color: @darkish-pink;
10270
- }
10271
-
10272
- .ncl-status-tooltip {
10273
- position: absolute;
10274
- left: 22px;
10275
- top: -10px;
10276
- z-index: 1;
10277
- display: none;
10278
- height: 24px;
10279
- padding: 4px 12px 22px 10px;
10280
- border-radius: 2px;
10281
- background-color: @solid-grey;
10282
- color: @white;
10283
-
10284
- &:after {
10285
- content: "";
10286
- position: absolute;
10287
- right: 100%;
10288
- top: 50%;
10289
- height: 0;
10290
- width: 0;
10291
- margin-top: -5px;
10292
- border: 5px solid transparent;
10293
- border-right-color: @solid-grey;
10294
- pointer-events: none;
10295
- }
10296
-
10297
- &.ncl-status-tooltip-ready {
10298
- padding-left: 10px;
10299
- background-color: @tealish;
10300
-
10301
- &:after {
10302
- border-right-color: @tealish;
10303
- }
10304
- }
10305
-
10306
- &.ncl-status-tooltip-building {
10307
- padding-left: 10px;
10308
- background-color: @pale-orange;
10309
-
10310
- &:after {
10311
- border-right-color: @pale-orange;
10312
- }
10313
- }
10314
-
10315
- &.ncl-status-tooltip-error {
10316
- padding-left: 10px;
10317
- background-color: @darkish-pink;
10318
-
10319
- &:after {
10320
- border-right-color: @darkish-pink;
10321
- }
10322
- }
10323
-
10324
- .ncl-status-icon {
10325
- width: 13px;
10326
- margin-right: 5px;
10327
-
10328
- &.ncl-icon-ready {
10329
- margin-top: 3px;
10330
- font-size: 10px;
10331
- }
10332
-
10333
- &.ncl-icon-building {
10334
- margin-top: 6px;
10335
- font-size: 5px;
10336
- }
10337
-
10338
- &.ncl-icon-error {
10339
- margin-top: 3px;
10340
- font-size: 10px;
10341
- }
10342
- }
10343
-
10344
- .ncl-status-title {
10345
- font-size: 13px;
10346
- font-weight: normal;
10347
- white-space: nowrap;
10348
-
10349
- &::first-letter {
10350
- text-transform: capitalize;
10351
- }
10352
- }
10353
- }
10354
- }
10355
- }
10356
- }
10357
- }
10358
-
10359
- .test-pane-actions-wrapper {
10360
- margin-right: 35px;
10361
- }
10362
- }
10363
-
10364
- .ncl-key-value-input {
10365
- .input-wrapper {
10366
- width: 100%;
10367
- display: flex;
10368
- background-color: @white;
10369
- position: relative;
10370
-
10371
- .check-row {
10372
- width: 28px;
10373
- display: flex;
10374
- align-items: center;
10375
- justify-content: center;
10376
- }
10377
-
10378
- .three-dot-menu {
10379
- position: absolute;
10380
- right: 10px;
10381
- top: 8px;
10382
- width: 20px;
10383
- visibility: hidden;
10384
- }
10385
-
10386
- .igz-action-panel {
10387
- visibility: hidden;
10388
- transition: unset;
10225
+ .igz-action-panel {
10226
+ visibility: hidden;
10227
+ transition: unset;
10389
10228
 
10390
10229
  .igz-action-item {
10391
10230
  margin: 0 0 0 5px;
@@ -10564,72 +10403,233 @@ ncl-navigation-tabs {
10564
10403
  }
10565
10404
  }
10566
10405
 
10567
- .ncl-monaco {
10568
- .ncl-monaco-wrapper {
10569
- padding-top: 20px;
10570
- height: 100%;
10571
- border: 1px solid @pale-grey;
10572
- background-color: @white;
10573
-
10574
- &.no-top-padding {
10575
- padding-top: 0;
10576
- }
10577
-
10578
- .ncl-monaco-top-row {
10579
- display: block;
10580
- }
10406
+ ncl-navigation-tabs {
10407
+ .ncl-navigation-tabs-color-set();
10581
10408
 
10582
- .ncl-monaco-editor {
10583
- height: 100%;
10584
- }
10585
- }
10409
+ position: relative;
10410
+ z-index: 999;
10411
+ background: @navigation-tabs-bg-color;
10586
10412
 
10587
- .ncl-monaco-dark {
10588
- background-color: @vs-dark;
10589
- }
10590
- }
10413
+ .ncl-navigation-tabs-wrapper {
10414
+ display: flex;
10415
+ align-items: center;
10416
+ justify-content: space-between;
10417
+ border-bottom: 1px solid @mystic-two;
10418
+ border-top: none;
10591
10419
 
10420
+ .ncl-navigation-tabs {
10421
+ background: @navigation-tabs-bg-color;
10422
+ height: 54px;
10592
10423
 
10593
- .ncl-search-input {
10594
- position: relative;
10595
- color: @silver;
10424
+ .navigation-tab {
10425
+ position: relative;
10426
+ float: left;
10427
+ height: 32px;
10428
+ padding: 20px 40px 0;
10429
+ font-family: @font-family-sans-serif;
10430
+ color: @navigation-tab-color;
10431
+ font-size: 13px;
10432
+ text-align: center;
10433
+ cursor: pointer;
10434
+ border-bottom: @navigation-tab-border-bottom;
10435
+ box-sizing: content-box;
10596
10436
 
10597
- .container-search-input {
10598
- background-color: transparent;
10599
- border-bottom: 1px solid @silver;
10600
- font-size: 13px;
10601
- font-weight: 400;
10602
- height: 36px;
10603
- line-height: 36px;
10604
- margin: 0;
10605
- outline: 0;
10606
- padding: 0 0 3px 31px;
10607
- width: 100%;
10437
+ &.active, &.active:hover {
10438
+ background: none;
10439
+ color: @navigation-tab-active-hover-color;
10440
+ border-bottom: @navigation-tab-active-hover-border-bottom;
10441
+ font-weight: bold;
10442
+ }
10608
10443
 
10609
- &::-webkit-input-placeholder {
10610
- color: @silver;
10611
- }
10444
+ &.ncl-status-indicator {
10445
+ padding-right: 8px;
10612
10446
 
10613
- &:-moz-placeholder { /* Firefox 18- */
10614
- color: @silver;
10615
- }
10447
+ &:hover {
10448
+ .ncl-status-tooltip {
10449
+ display: flex;
10450
+ }
10451
+ }
10452
+ }
10616
10453
 
10617
- &::-moz-placeholder { /* Firefox 19+ */
10618
- color: @silver;
10619
- }
10454
+ .ncl-status-light {
10455
+ position: relative;
10456
+ display: inline-block;
10457
+ width: 8px;
10458
+ height: 8px;
10459
+ border-radius: 50%;
10460
+ margin-left: 34px;
10461
+ background-color: @solid-grey;
10620
10462
 
10621
- &:-ms-input-placeholder {
10622
- color: @silver;
10623
- }
10463
+ &.ncl-status-ready {
10464
+ background-color: @tealish;
10465
+ }
10624
10466
 
10625
- &:focus {
10626
- border-bottom: 1px solid @light-blue;
10467
+ &.ncl-status-building {
10468
+ background-color: @pale-orange;
10469
+ }
10627
10470
 
10628
- &, & + .igz-icon-search:before {
10629
- color: @dusk-three;
10630
- }
10471
+ &.ncl-status-error {
10472
+ background-color: @darkish-pink;
10473
+ }
10631
10474
 
10632
- &::-webkit-input-placeholder {
10475
+ .ncl-status-tooltip {
10476
+ position: absolute;
10477
+ left: 22px;
10478
+ top: -10px;
10479
+ z-index: 1;
10480
+ display: none;
10481
+ height: 24px;
10482
+ padding: 4px 12px 22px 10px;
10483
+ border-radius: 2px;
10484
+ background-color: @solid-grey;
10485
+ color: @white;
10486
+
10487
+ &:after {
10488
+ content: "";
10489
+ position: absolute;
10490
+ right: 100%;
10491
+ top: 50%;
10492
+ height: 0;
10493
+ width: 0;
10494
+ margin-top: -5px;
10495
+ border: 5px solid transparent;
10496
+ border-right-color: @solid-grey;
10497
+ pointer-events: none;
10498
+ }
10499
+
10500
+ &.ncl-status-tooltip-ready {
10501
+ padding-left: 10px;
10502
+ background-color: @tealish;
10503
+
10504
+ &:after {
10505
+ border-right-color: @tealish;
10506
+ }
10507
+ }
10508
+
10509
+ &.ncl-status-tooltip-building {
10510
+ padding-left: 10px;
10511
+ background-color: @pale-orange;
10512
+
10513
+ &:after {
10514
+ border-right-color: @pale-orange;
10515
+ }
10516
+ }
10517
+
10518
+ &.ncl-status-tooltip-error {
10519
+ padding-left: 10px;
10520
+ background-color: @darkish-pink;
10521
+
10522
+ &:after {
10523
+ border-right-color: @darkish-pink;
10524
+ }
10525
+ }
10526
+
10527
+ .ncl-status-icon {
10528
+ width: 13px;
10529
+ margin-right: 5px;
10530
+
10531
+ &.ncl-icon-ready {
10532
+ margin-top: 3px;
10533
+ font-size: 10px;
10534
+ }
10535
+
10536
+ &.ncl-icon-building {
10537
+ margin-top: 6px;
10538
+ font-size: 5px;
10539
+ }
10540
+
10541
+ &.ncl-icon-error {
10542
+ margin-top: 3px;
10543
+ font-size: 10px;
10544
+ }
10545
+ }
10546
+
10547
+ .ncl-status-title {
10548
+ font-size: 13px;
10549
+ font-weight: normal;
10550
+ white-space: nowrap;
10551
+
10552
+ &::first-letter {
10553
+ text-transform: capitalize;
10554
+ }
10555
+ }
10556
+ }
10557
+ }
10558
+ }
10559
+ }
10560
+ }
10561
+
10562
+ .test-pane-actions-wrapper {
10563
+ margin-right: 35px;
10564
+ }
10565
+ }
10566
+
10567
+ .ncl-monaco {
10568
+ .ncl-monaco-wrapper {
10569
+ padding-top: 20px;
10570
+ height: 100%;
10571
+ border: 1px solid @pale-grey;
10572
+ background-color: @white;
10573
+
10574
+ &.no-top-padding {
10575
+ padding-top: 0;
10576
+ }
10577
+
10578
+ .ncl-monaco-top-row {
10579
+ display: block;
10580
+ }
10581
+
10582
+ .ncl-monaco-editor {
10583
+ height: 100%;
10584
+ }
10585
+ }
10586
+
10587
+ .ncl-monaco-dark {
10588
+ background-color: @vs-dark;
10589
+ }
10590
+ }
10591
+
10592
+
10593
+ .ncl-search-input {
10594
+ position: relative;
10595
+ color: @silver;
10596
+
10597
+ .container-search-input {
10598
+ background-color: transparent;
10599
+ border-bottom: 1px solid @silver;
10600
+ font-size: 13px;
10601
+ font-weight: 400;
10602
+ height: 36px;
10603
+ line-height: 36px;
10604
+ margin: 0;
10605
+ outline: 0;
10606
+ padding: 0 0 3px 31px;
10607
+ width: 100%;
10608
+
10609
+ &::-webkit-input-placeholder {
10610
+ color: @silver;
10611
+ }
10612
+
10613
+ &:-moz-placeholder { /* Firefox 18- */
10614
+ color: @silver;
10615
+ }
10616
+
10617
+ &::-moz-placeholder { /* Firefox 19+ */
10618
+ color: @silver;
10619
+ }
10620
+
10621
+ &:-ms-input-placeholder {
10622
+ color: @silver;
10623
+ }
10624
+
10625
+ &:focus {
10626
+ border-bottom: 1px solid @light-blue;
10627
+
10628
+ &, & + .igz-icon-search:before {
10629
+ color: @dusk-three;
10630
+ }
10631
+
10632
+ &::-webkit-input-placeholder {
10633
10633
  color: transparent;
10634
10634
  }
10635
10635
 
@@ -10968,66 +10968,6 @@ ncl-navigation-tabs {
10968
10968
  }
10969
10969
  }
10970
10970
 
10971
- .ncl-version-configuration {
10972
- > .igz-scrollable-container {
10973
- padding: 24px 25px 22px 41px;
10974
- }
10975
-
10976
- .ncl-version-configuration-wrapper {
10977
- > .row {
10978
- display: flex;
10979
- justify-content: space-between;
10980
- flex-wrap: wrap;
10981
-
10982
- .configuration-block {
10983
- padding: 16px 23px 16px;
10984
- background-color: @white;
10985
- border: solid 1px @pale-grey;
10986
- flex-grow: 1;
10987
- flex-basis: 500px;
10988
- margin-right: 16px;
10989
- margin-bottom: 16px;
10990
-
10991
- &.invisible {
10992
- visibility: hidden;
10993
- }
10994
-
10995
- .title {
10996
- font-size: 16px;
10997
- font-weight: bold;
10998
- font-style: normal;
10999
- font-stretch: normal;
11000
- letter-spacing: normal;
11001
- text-align: left;
11002
- color: @dusk-three;
11003
- margin-bottom: 12px;
11004
- }
11005
-
11006
- .row {
11007
- .label {
11008
- display: block;
11009
- font-family: Roboto, sans-serif;
11010
- font-size: 14px;
11011
- font-weight: 500;
11012
- font-style: normal;
11013
- font-stretch: normal;
11014
- letter-spacing: normal;
11015
- text-align: left;
11016
- color: @dusk-three;
11017
- padding: 0;
11018
- }
11019
- }
11020
-
11021
- .ncl-version-configuration-labels, .ncl-version-configuration-annotations {
11022
- .more-info-wrapper {
11023
- height: 20px;
11024
- }
11025
- }
11026
- }
11027
- }
11028
- }
11029
- }
11030
-
11031
10971
  .ncl-edit-version-code {
11032
10972
  height: 100%;
11033
10973
  display: flex;
@@ -11240,52 +11180,63 @@ ncl-navigation-tabs {
11240
11180
  }
11241
11181
  }
11242
11182
 
11243
- .ncl-version-trigger {
11244
- padding: 11px 24px;
11183
+ .ncl-version-configuration {
11184
+ > .igz-scrollable-container {
11185
+ padding: 24px 25px 22px 41px;
11186
+ }
11245
11187
 
11246
- .common-table-header {
11247
- border: none;
11248
- padding-left: 24px;
11188
+ .ncl-version-configuration-wrapper {
11189
+ > .row {
11190
+ display: flex;
11191
+ justify-content: space-between;
11192
+ flex-wrap: wrap;
11249
11193
 
11250
- .common-table-cell {
11251
- font-size: 14px;
11252
- font-weight: bold;
11253
- letter-spacing: normal;
11254
- color: @dusk-three;
11255
- height: 46px;
11256
- }
11257
- }
11194
+ .configuration-block {
11195
+ padding: 16px 23px 16px;
11196
+ background-color: @white;
11197
+ border: solid 1px @pale-grey;
11198
+ flex-grow: 1;
11199
+ flex-basis: 500px;
11200
+ margin-right: 16px;
11201
+ margin-bottom: 16px;
11258
11202
 
11259
- .common-table-body {
11260
- .common-table-row {
11261
- &:not(.read-only):hover {
11262
- .common-table-cells-container {
11263
- background-color: @white;
11203
+ &.invisible {
11204
+ visibility: hidden;
11264
11205
  }
11265
11206
 
11266
- .actions-menu {
11267
- background-color: @white;
11207
+ .title {
11208
+ font-size: 16px;
11209
+ font-weight: bold;
11210
+ font-style: normal;
11211
+ font-stretch: normal;
11212
+ letter-spacing: normal;
11213
+ text-align: left;
11214
+ color: @dusk-three;
11215
+ margin-bottom: 12px;
11268
11216
  }
11269
- }
11270
- }
11271
- }
11272
-
11273
- .item-row .item-name, .item-row .item-class, .item-row .item-info {
11274
- padding-left: 0;
11275
- }
11276
-
11277
- .title-field-row .name-field, .item-row .item-name, .header-name {
11278
- margin-right: 16px;
11279
- width: 15%;
11280
- }
11281
11217
 
11282
- .title-field-row .class-field, .item-row .item-class, .header-class {
11283
- margin-right: 16px;
11284
- width: 10%;
11285
- }
11218
+ .row {
11219
+ .label {
11220
+ display: block;
11221
+ font-family: Roboto, sans-serif;
11222
+ font-size: 14px;
11223
+ font-weight: 500;
11224
+ font-style: normal;
11225
+ font-stretch: normal;
11226
+ letter-spacing: normal;
11227
+ text-align: left;
11228
+ color: @dusk-three;
11229
+ padding: 0;
11230
+ }
11231
+ }
11286
11232
 
11287
- .title-field-row .class-field {
11288
- width: auto;
11233
+ .ncl-version-configuration-labels, .ncl-version-configuration-annotations {
11234
+ .more-info-wrapper {
11235
+ height: 20px;
11236
+ }
11237
+ }
11238
+ }
11239
+ }
11289
11240
  }
11290
11241
  }
11291
11242
 
@@ -11417,120 +11368,70 @@ ncl-navigation-tabs {
11417
11368
  }
11418
11369
  }
11419
11370
 
11420
- .ncl-text-size-dropdown {
11421
- display: flex;
11422
- justify-content: flex-end;
11423
-
11424
- .text-size-action-item {
11425
- width: 35px;
11426
- height: 35px;
11427
- margin: 0 8px 0 0;
11428
- display: flex;
11429
- justify-content: space-evenly;
11430
- font-size: 18px;
11431
-
11432
- .action-icon {
11433
- &.igz-icon-decrease {
11434
- font-size: 10px;
11435
- }
11436
- }
11437
- }
11438
- }
11439
-
11440
- .function-from-scratch-content {
11441
- .splash-screen {
11442
- top: 0;
11443
- }
11371
+ .ncl-version-trigger {
11372
+ padding: 11px 24px;
11444
11373
 
11445
- .title-wrapper {
11446
- margin-left: 50px;
11374
+ .common-table-header {
11375
+ border: none;
11376
+ padding-left: 24px;
11447
11377
 
11448
- .title {
11449
- color: @dusk-three;
11450
- font-size: 16px;
11378
+ .common-table-cell {
11379
+ font-size: 14px;
11451
11380
  font-weight: bold;
11381
+ letter-spacing: normal;
11382
+ color: @dusk-three;
11383
+ height: 46px;
11452
11384
  }
11453
11385
  }
11454
11386
 
11455
- .function-configuration {
11456
- margin: 28px 0 0 0;
11457
-
11458
- .configuration-form {
11459
- display: flex;
11460
-
11461
- .function-name-wrapper {
11462
- width: 50%;
11463
- display: flex;
11464
- padding: 0 24px 0 74px;
11465
-
11466
- .projects-drop-down {
11467
- width: 40%;
11468
- margin-right: 48px;
11469
-
11470
- .input-label {
11471
- font-size: 14px;
11472
- font-weight: 600;
11473
- color: @dusk-three;
11474
- }
11475
-
11476
- igz-default-dropdown {
11477
- .default-dropdown {
11478
- background-color: @white;
11479
-
11480
- .default-dropdown-field {
11481
- &:focus {
11482
- background-color: inherit;
11483
- }
11484
- }
11485
- }
11486
- }
11387
+ .common-table-body {
11388
+ .common-table-row {
11389
+ &:not(.read-only):hover {
11390
+ .common-table-cells-container {
11391
+ background-color: @white;
11487
11392
  }
11488
11393
 
11489
- .function-name {
11490
- width: 100%;
11491
-
11492
- .input-label {
11493
- font-size: 14px;
11494
- font-weight: 600;
11495
- color: @dusk-three;
11496
- }
11497
-
11498
- igz-validating-input-field {
11499
- margin-left: 2px;
11500
- }
11394
+ .actions-menu {
11395
+ background-color: @white;
11501
11396
  }
11502
11397
  }
11398
+ }
11399
+ }
11503
11400
 
11504
- .function-runtime-wrapper {
11505
- width: 50%;
11506
- padding-left: 24px;
11507
- padding-right: 10%;
11401
+ .item-row .item-name, .item-row .item-class, .item-row .item-info {
11402
+ padding-left: 0;
11403
+ }
11508
11404
 
11509
- .function-runtime {
11510
- .input-label {
11511
- font-size: 14px;
11512
- font-weight: 600;
11513
- color: @dusk-three;
11514
- }
11405
+ .title-field-row .name-field, .item-row .item-name, .header-name {
11406
+ margin-right: 16px;
11407
+ width: 15%;
11408
+ }
11515
11409
 
11516
- igz-default-dropdown {
11517
- .default-dropdown {
11518
- background-color: @white;
11410
+ .title-field-row .class-field, .item-row .item-class, .header-class {
11411
+ margin-right: 16px;
11412
+ width: 10%;
11413
+ }
11519
11414
 
11520
- .default-dropdown-field {
11521
- &:focus {
11522
- background-color: inherit;
11523
- }
11524
- }
11525
- }
11526
- }
11415
+ .title-field-row .class-field {
11416
+ width: auto;
11417
+ }
11418
+ }
11527
11419
 
11528
- .bottom-bar {
11529
- display: flex;
11530
- justify-content: flex-end;
11531
- margin-top: 48px;
11532
- }
11533
- }
11420
+ .ncl-text-size-dropdown {
11421
+ display: flex;
11422
+ justify-content: flex-end;
11423
+
11424
+ .text-size-action-item {
11425
+ width: 35px;
11426
+ height: 35px;
11427
+ margin: 0 8px 0 0;
11428
+ display: flex;
11429
+ justify-content: space-evenly;
11430
+ font-size: 18px;
11431
+
11432
+ .action-icon {
11433
+ &.igz-icon-decrease {
11434
+ font-size: 10px;
11534
11435
  }
11535
11436
  }
11536
11437
  }
@@ -11798,50 +11699,149 @@ ncl-navigation-tabs {
11798
11699
  }
11799
11700
  }
11800
11701
 
11801
- .function-import-wrapper-content {
11802
- font-family: @font-family-sans-serif;
11803
- padding-left: 3%;
11804
- width: 96%;
11805
-
11806
- .function-import-form {
11807
- display: flex;
11808
- align-items: flex-end;
11809
- margin-bottom: 10px;
11810
-
11811
- .projects-drop-down {
11812
- margin-right: 48px;
11813
-
11814
- .input-label {
11815
- font-size: 14px;
11816
- font-weight: 600;
11817
- color: @dusk-three;
11818
- }
11702
+ .function-from-scratch-content {
11703
+ .splash-screen {
11704
+ top: 0;
11705
+ }
11819
11706
 
11820
- igz-default-dropdown {
11821
- .default-dropdown {
11822
- background-color: @white;
11707
+ .title-wrapper {
11708
+ margin-left: 50px;
11823
11709
 
11824
- .default-dropdown-field {
11825
- &:focus {
11826
- background-color: inherit;
11827
- }
11828
- }
11829
- }
11830
- }
11710
+ .title {
11711
+ color: @dusk-three;
11712
+ font-size: 16px;
11713
+ font-weight: bold;
11831
11714
  }
11715
+ }
11832
11716
 
11833
- .function-import-actions-bar {
11717
+ .function-configuration {
11718
+ margin: 28px 0 0 0;
11719
+
11720
+ .configuration-form {
11834
11721
  display: flex;
11835
11722
 
11836
- .function-import-file-picker {
11837
- .file-picker-wrapper {
11838
- margin: 0;
11839
- line-height: 34px;
11723
+ .function-name-wrapper {
11724
+ width: 50%;
11725
+ display: flex;
11726
+ padding: 0 24px 0 74px;
11840
11727
 
11841
- .igz-icon-upload {
11842
- margin-right: 10px;
11843
- }
11844
- }
11728
+ .projects-drop-down {
11729
+ width: 40%;
11730
+ margin-right: 48px;
11731
+
11732
+ .input-label {
11733
+ font-size: 14px;
11734
+ font-weight: 600;
11735
+ color: @dusk-three;
11736
+ }
11737
+
11738
+ igz-default-dropdown {
11739
+ .default-dropdown {
11740
+ background-color: @white;
11741
+
11742
+ .default-dropdown-field {
11743
+ &:focus {
11744
+ background-color: inherit;
11745
+ }
11746
+ }
11747
+ }
11748
+ }
11749
+ }
11750
+
11751
+ .function-name {
11752
+ width: 100%;
11753
+
11754
+ .input-label {
11755
+ font-size: 14px;
11756
+ font-weight: 600;
11757
+ color: @dusk-three;
11758
+ }
11759
+
11760
+ igz-validating-input-field {
11761
+ margin-left: 2px;
11762
+ }
11763
+ }
11764
+ }
11765
+
11766
+ .function-runtime-wrapper {
11767
+ width: 50%;
11768
+ padding-left: 24px;
11769
+ padding-right: 10%;
11770
+
11771
+ .function-runtime {
11772
+ .input-label {
11773
+ font-size: 14px;
11774
+ font-weight: 600;
11775
+ color: @dusk-three;
11776
+ }
11777
+
11778
+ igz-default-dropdown {
11779
+ .default-dropdown {
11780
+ background-color: @white;
11781
+
11782
+ .default-dropdown-field {
11783
+ &:focus {
11784
+ background-color: inherit;
11785
+ }
11786
+ }
11787
+ }
11788
+ }
11789
+
11790
+ .bottom-bar {
11791
+ display: flex;
11792
+ justify-content: flex-end;
11793
+ margin-top: 48px;
11794
+ }
11795
+ }
11796
+ }
11797
+ }
11798
+ }
11799
+ }
11800
+
11801
+ .function-import-wrapper-content {
11802
+ font-family: @font-family-sans-serif;
11803
+ padding-left: 3%;
11804
+ width: 96%;
11805
+
11806
+ .function-import-form {
11807
+ display: flex;
11808
+ align-items: flex-end;
11809
+ margin-bottom: 10px;
11810
+
11811
+ .projects-drop-down {
11812
+ margin-right: 48px;
11813
+
11814
+ .input-label {
11815
+ font-size: 14px;
11816
+ font-weight: 600;
11817
+ color: @dusk-three;
11818
+ }
11819
+
11820
+ igz-default-dropdown {
11821
+ .default-dropdown {
11822
+ background-color: @white;
11823
+
11824
+ .default-dropdown-field {
11825
+ &:focus {
11826
+ background-color: inherit;
11827
+ }
11828
+ }
11829
+ }
11830
+ }
11831
+ }
11832
+
11833
+ .function-import-actions-bar {
11834
+ display: flex;
11835
+
11836
+ .function-import-file-picker {
11837
+ .file-picker-wrapper {
11838
+ margin: 0;
11839
+ line-height: 34px;
11840
+
11841
+ .igz-icon-upload {
11842
+ margin-right: 10px;
11843
+ }
11844
+ }
11845
11845
 
11846
11846
  .function-import-input {
11847
11847
  opacity: 0;
@@ -12592,814 +12592,814 @@ ncl-navigation-tabs {
12592
12592
  }
12593
12593
  }
12594
12594
 
12595
- @desktop: 1350px;
12596
- @desktop-low: 1202px;
12597
- @desktop-middle: 1550px;
12595
+ .ncl-test-events-logs {
12596
+ padding: 6px 17px 25px;
12597
+ background-color: @white;
12598
12598
 
12599
- .ncl-version-configuration-basic-settings {
12600
- .row {
12599
+ .functional-buttons {
12600
+ .duskThree(0.64);
12601
12601
  display: flex;
12602
- justify-content: space-between;
12603
-
12604
- &:not(:last-child) {
12605
- margin-bottom: 23px;
12606
- }
12607
-
12608
- &:last-child {
12609
- margin-bottom: 4px;
12610
- }
12611
-
12612
- &.enable-checkbox {
12613
- justify-content: flex-start;
12614
- margin-bottom: 18px;
12615
- }
12602
+ justify-content: flex-end;
12603
+ color: @color;
12604
+ font-size: 16px;
12616
12605
 
12617
12606
  > div {
12618
- flex: 1;
12619
-
12620
- &:not(:last-child) {
12621
- margin-right: 46px;
12622
- }
12607
+ margin-right: 24px;
12623
12608
 
12624
- .label {
12625
- padding: 0;
12626
- margin-bottom: 5px;
12609
+ &:hover {
12610
+ color: @dusk-three;
12627
12611
  }
12612
+ }
12613
+ }
12628
12614
 
12629
- &.timeout-block {
12630
- .label {
12631
- margin-bottom: 3px;
12632
- }
12633
-
12634
- .timeout-values {
12635
- margin-left: 27px;
12615
+ .collapsed-row {
12616
+ .black(0.2);
12617
+ display: flex;
12618
+ align-items: center;
12619
+ position: relative;
12620
+ height: 36px;
12621
+ background-color: @white;
12622
+ color: @dusk-three;
12623
+ box-shadow: 1.7px 1.1px 4px 0 @color;
12624
+ border: solid 1px @pale-grey;
12625
+ margin-bottom: 10px;
12636
12626
 
12637
- .inputs {
12638
- display: flex;
12639
- align-items: center;
12627
+ .igz-icon-right {
12628
+ .duskThree(0.64);
12629
+ font-size: 12px;
12630
+ color: @color;
12631
+ margin: 0 8px 0 12px;
12640
12632
 
12641
- .values-label {
12642
- .duskThree(0.9);
12643
- margin: 0 17px 0 8px;
12644
- font-size: 14px;
12645
- font-weight: normal;
12646
- font-style: normal;
12647
- letter-spacing: normal;
12648
- text-align: left;
12649
- color: @color;
12650
- }
12651
- }
12652
- }
12633
+ &::before {
12634
+ vertical-align: text-bottom;
12653
12635
  }
12654
12636
  }
12655
12637
 
12656
- .logger-block {
12657
- display: flex;
12658
- margin-top: 3px;
12659
-
12660
- .logger-dropdown {
12661
- .default-dropdown {
12662
- position: relative;
12663
- height: 36px;
12638
+ .level-icon {
12639
+ display: inline-block;
12640
+ margin-right: 8px;
12641
+ width: 20px;
12642
+ text-align: center;
12664
12643
 
12665
- .dropdown-overlap {
12666
- z-index: 100;
12667
- }
12668
- }
12644
+ &::before {
12645
+ font-size: 16px;
12646
+ vertical-align: text-bottom;
12669
12647
  }
12670
12648
 
12671
- > div {
12672
- flex: 1;
12673
-
12674
- &:not(:last-child) {
12675
- margin-right: 16px;
12676
- }
12677
-
12678
- .label {
12679
- padding: 0;
12680
- margin-bottom: 5px;
12681
- }
12649
+ &.ncl-icon-debug {
12650
+ color: @orangish;
12682
12651
 
12683
- &.logger-input {
12684
- flex-grow: 1.95;
12652
+ &::before {
12653
+ font-size: 18px;
12685
12654
  }
12686
12655
  }
12687
- }
12688
- }
12689
- }
12690
-
12691
- .ncl-version-configuration-build {
12692
- &.disabled {
12693
- opacity: .5;
12694
- }
12695
12656
 
12696
- .build-field {
12697
- margin-bottom: 23px;
12657
+ &.igz-icon-info-round {
12658
+ color: @orangish;
12659
+ }
12698
12660
 
12699
- &.build-base-image-field {
12700
- padding-right: 10px;
12701
- }
12661
+ &.igz-icon-warning {
12662
+ color: @orangish;
12663
+ }
12702
12664
 
12703
- &.build-onbuild-image-field {
12704
- padding-left: 10px;
12665
+ &.igz-icon-cancel-path {
12666
+ color: @orangish;
12667
+ }
12705
12668
  }
12706
12669
 
12707
- .field-label {
12708
- font-family: @font-family-sans-serif;
12670
+ .date {
12671
+ display: inline-block;
12672
+ width: 230px;
12709
12673
  font-size: 14px;
12710
- font-weight: 500;
12711
- text-align: left;
12712
- color: @dusk-three;
12713
- }
12714
-
12715
- .label-with-tooltip {
12716
- height: 20px;
12717
- }
12718
-
12719
- .validating-input-field {
12720
- .input-field {
12721
- padding: 0 10px 0 17px;
12722
- }
12723
-
12724
- .input-placeholder {
12725
- left: 18px;
12726
- font-style: italic;
12727
- font-size: 14px;
12728
- }
12674
+ font-weight: bold;
12675
+ margin-right: 15px;
12729
12676
  }
12730
12677
 
12731
- .build-textarea-input {
12732
- &.build-commands-input {
12733
- .textarea-field {
12734
- height: 150px;
12735
- }
12736
- }
12737
-
12738
- .textarea-field {
12739
- height: 70px;
12740
- resize: none;
12741
- white-space: pre;
12742
- overflow: auto;
12743
- }
12678
+ .message {
12679
+ display: inline-block;
12680
+ width: 200px;
12681
+ margin-right: 30px;
12744
12682
  }
12745
- }
12746
-
12747
- .build-checkboxes {
12748
- display: flex;
12749
12683
 
12750
- .checkbox-block {
12751
- display: inline-flex;
12752
- align-items: baseline;
12753
- margin-right: 15px;
12684
+ .ncl-icon-parameters {
12685
+ .duskThree(0.64);
12686
+ color: @color;
12687
+ font-size: 14px;
12688
+ position: absolute;
12689
+ top: 9px;
12690
+ right: 9px;
12754
12691
  }
12755
12692
  }
12756
12693
 
12757
- .files-field {
12758
- margin-bottom: 1px;
12694
+ .expanded-row {
12695
+ background-color: @white;
12696
+ color: @dusk-three;
12697
+ border: solid 1px @pale-grey;
12698
+ margin-bottom: 10px;
12759
12699
 
12760
- .uploading-files {
12761
- margin-top: -6px;
12700
+ .header {
12701
+ position: relative;
12762
12702
  display: flex;
12703
+ align-items: center;
12704
+ height: 34px;
12763
12705
 
12764
- .file-block {
12765
- height: 32px;
12766
- border-radius: 2px;
12767
- background-color: @light-grayish-blue;
12768
- border: solid 1px @pale-grey;
12706
+ .igz-icon-down {
12707
+ .duskThree(0.64);
12708
+ font-size: 12px;
12709
+ color: @color;
12710
+ margin: 0 8px 0 12px;
12769
12711
 
12770
- .file-name {
12771
- height: 14px;
12772
- font-family: @font-family-sans-serif;
12773
- font-size: 14px;
12774
- line-height: 1.38;
12712
+ &::before {
12713
+ vertical-align: text-bottom;
12775
12714
  }
12715
+ }
12776
12716
 
12777
- .ncl-icon-script,
12778
- .ncl-icon-file,
12779
- .file-name {
12780
- display: inline-block;
12717
+ .level-icon {
12718
+ display: inline-block;
12719
+ margin-right: 8px;
12720
+ width: 20px;
12721
+ text-align: center;
12722
+
12723
+ &::before {
12724
+ font-size: 16px;
12725
+ vertical-align: text-bottom;
12781
12726
  }
12782
12727
 
12783
- .progress {
12784
- position: absolute;
12785
- background-color: @white;
12786
- display: inline-block;
12787
- width: 95px;
12788
- height: 6px;
12789
- border: 1px solid @pale-grey;
12790
- border-radius: 2px;
12791
- top: 13px;
12792
- right: 28px;
12728
+ &.ncl-icon-debug {
12729
+ color: @orangish;
12793
12730
 
12794
- .progress-bar {
12795
- border-radius: 2px;
12796
- background-color: @dark-sky-blue;
12731
+ &::before {
12732
+ font-size: 18px;
12797
12733
  }
12798
12734
  }
12799
12735
 
12800
- .build-close-button {
12801
- position: absolute;
12802
- right: 13px;
12803
- width: 10px;
12804
- height: 10px;
12805
- border: none;
12806
- outline: none;
12807
- background: none;
12808
- margin-top: 3px;
12809
- font-size: 10px;
12736
+ &.igz-icon-info-round {
12737
+ color: @orangish;
12810
12738
  }
12811
12739
 
12812
- .ncl-icon-file {
12813
- font-size: 20px;
12740
+ &.igz-icon-warning {
12741
+ color: @orangish;
12814
12742
  }
12815
12743
 
12816
- .ncl-icon-script,
12817
- .ncl-icon-file,
12818
- .ncl-icon-close {
12819
- color: @greyish-purple;
12744
+ &.igz-icon-cancel-path {
12745
+ color: @orangish;
12820
12746
  }
12821
12747
  }
12822
12748
 
12823
- .uploading-proccess-wrapper {
12824
- width: 100%;
12825
- flex-grow: 2.5;
12826
-
12827
- .uploading {
12828
- position: relative;
12829
- padding: 6px 130px 6px 8px;
12830
-
12831
- .progress-percents {
12832
- margin-left: 15px;
12833
- color: @dark-grey;
12834
- }
12835
-
12836
- .file-name {
12837
- margin-left: 8px;
12838
- color: @dark-sky-blue;
12839
- text-overflow: ellipsis;
12840
- }
12749
+ .date {
12750
+ display: inline-block;
12751
+ width: 230px;
12752
+ font-size: 14px;
12753
+ font-weight: bold;
12754
+ margin-right: 15px;
12755
+ }
12841
12756
 
12842
- .ncl-icon-script {
12843
- font-size: 12px;
12844
- }
12845
- }
12757
+ .ncl-icon-parameters {
12758
+ .duskThree(0.64);
12759
+ position: absolute;
12760
+ top: 9px;
12761
+ right: 9px;
12762
+ color: @color;
12763
+ font-size: 14px;
12764
+ }
12765
+ }
12846
12766
 
12847
- .uploading-file {
12848
- padding: 3px 55px 3px 8px;
12767
+ .expanded-body {
12768
+ font-size: 14px;
12769
+ color: @dusk-three;
12849
12770
 
12850
- .file-name {
12851
- vertical-align: top;
12852
- margin: 4px;
12853
- margin-left: 9px;
12854
- }
12855
- }
12771
+ .error {
12772
+ width: 71%;
12773
+ border-radius: 3px;
12774
+ background-color: #fbe5e8;
12775
+ border: solid 1px @darkish-pink;
12776
+ color: @darkish-pink;
12777
+ word-wrap: break-word;
12778
+ margin-left: 62px;
12779
+ padding: 12px;
12780
+ margin-bottom: 16px;
12856
12781
  }
12857
12782
 
12858
- .one-file-uploaded {
12859
- margin-right: 16px;
12783
+ .message {
12784
+ display: inline-block;
12785
+ width: 70%;
12786
+ word-wrap: break-word;
12787
+ margin: 0 0 16px 62px;
12860
12788
  }
12861
12789
 
12862
- .uploaded-wrapper {
12863
- width: 100%;
12864
- display: flex;
12865
- justify-content: space-between;
12866
-
12867
- .uploaded {
12868
- position: relative;
12869
- flex-grow: 1;
12870
- padding: 6px 40px 6px 8px;
12871
-
12872
- .file-name {
12873
- margin-left: 9px;
12874
- color: @dusk-three;
12790
+ .parameters {
12791
+ padding: 0 62px 16px;
12875
12792
 
12876
- .uploaded-file-directory {
12877
- margin-left: 8px;
12878
- color: @dark-greyish-blue;
12879
- }
12880
- }
12793
+ .parameters-header {
12794
+ font-weight: bold;
12881
12795
  }
12882
12796
 
12883
- .uploaded-file {
12884
- padding: 3px 55px 3px 8px;
12797
+ > div {
12798
+ display: flex;
12799
+ line-height: 2;
12885
12800
 
12886
- .file-name {
12887
- margin: 4px 4px 4px 9px;
12888
- vertical-align: top;
12801
+ .labels {
12802
+ color: @greyish-purple;
12803
+ font-size: 14px;
12804
+ width: 30%;
12889
12805
  }
12890
12806
 
12891
- .build-close-button {
12892
- top: 6px;
12807
+ .values {
12808
+ color: @dusk-three;
12809
+ font-size: 14px;
12810
+ width: 70%;
12893
12811
  }
12894
12812
  }
12895
12813
  }
12896
12814
  }
12897
12815
  }
12898
12816
 
12899
- .configuration-build-title-wrapper {
12900
- display: flex;
12901
- justify-content: space-between;
12902
-
12903
- .igz-action-menu {
12904
- .menu-button {
12905
- width: 40px;
12906
- height: 40px;
12907
- display: flex;
12908
- justify-content: center;
12909
- align-items: center;
12910
- font-size: 22px;
12911
- margin: -10px -15px 0 0;
12912
- border-radius: 50%;
12913
- color: @dusk-three;
12914
- }
12817
+ .no-logs {
12818
+ margin: 10px auto 0;
12819
+ font-size: 14px;
12820
+ color: @pale-grey;
12821
+ text-align: center;
12822
+ }
12823
+ }
12824
+ .ncl-test-events-navigation-tabs {
12825
+ display: flex;
12826
+ background: #f8f8fb;
12827
+ height: 40px;
12828
+ border-top: 1px solid @pale-grey;
12829
+ border-bottom: 1px solid @pale-grey;
12915
12830
 
12916
- .active {
12917
- .black(0.1);
12918
- background-color: @silver;
12919
- box-shadow: inset 0px 2px 3px 0 @color;
12920
- }
12831
+ .test-events-navigation-tab {
12832
+ .duskThree(0.64);
12833
+ position: relative;
12834
+ float: left;
12835
+ height: 27px;
12836
+ padding: 10px 40px 0;
12837
+ font-family: @font-family-sans-serif;
12838
+ color: @color;
12839
+ font-size: 13px;
12840
+ text-align: center;
12841
+ cursor: pointer;
12842
+ border-bottom: none;
12843
+ box-sizing: content-box;
12921
12844
 
12922
- .menu-dropdown {
12923
- margin-top: 4px;
12924
- right: -18px;
12845
+ &.active, &.active:hover {
12846
+ background: none;
12847
+ color: @dusk-three;
12848
+ border-bottom: 2px solid @dusk-three;
12849
+ font-weight: bold;
12850
+
12851
+ .badge {
12852
+ color: @white;
12853
+ background-color: @light-grey-blue;
12925
12854
  }
12926
12855
  }
12856
+
12857
+ .badge {
12858
+ display: inline-block;
12859
+ min-width: 22px;
12860
+ padding: 3px 7px;
12861
+ font-size: 12px;
12862
+ font-weight: 500;
12863
+ color: @greyish-purple;
12864
+ line-height: 1;
12865
+ vertical-align: middle;
12866
+ white-space: nowrap;
12867
+ text-align: center;
12868
+ background-color: @pale-grey;
12869
+ border-radius: 7.5px;
12870
+ margin-left: 7px;
12871
+ margin-top: -4px;
12872
+ }
12927
12873
  }
12928
- }
12929
12874
 
12930
- .ncl-version-configuration-logging {
12931
- .row {
12932
- display: flex;
12933
- position: relative;
12875
+ .default-dropdown {
12876
+ float: left;
12877
+ width: 105px;
12934
12878
 
12935
- .logging-wrapper {
12936
- width: 100%;
12879
+ .default-dropdown-field:not(:hover) {
12880
+ border-color: transparent;
12881
+ }
12882
+
12883
+ .default-dropdown-container {
12884
+ z-index: 3;
12937
12885
  }
12938
12886
  }
12939
12887
  }
12940
12888
 
12889
+ @desktop: 1350px;
12890
+ @desktop-low: 1202px;
12941
12891
  @desktop-middle: 1550px;
12942
12892
 
12943
- .ncl-version-configuration-resources {
12893
+ .ncl-version-configuration-basic-settings {
12944
12894
  .row {
12945
- .range-inputs-row {
12946
- display: flex;
12947
- align-items: flex-end;
12895
+ display: flex;
12896
+ justify-content: space-between;
12948
12897
 
12949
- .row-title {
12950
- margin-bottom: 8px;
12951
- }
12898
+ &:not(:last-child) {
12899
+ margin-bottom: 23px;
12952
12900
  }
12953
12901
 
12954
- .form-row {
12955
- padding: 12px 0;
12902
+ &:last-child {
12903
+ margin-bottom: 4px;
12904
+ }
12956
12905
 
12957
- .row-title, .input-title {
12958
- font-size: 14px;
12959
- }
12906
+ &.enable-checkbox {
12907
+ justify-content: flex-start;
12908
+ margin-bottom: 18px;
12909
+ }
12960
12910
 
12961
- .row-title {
12962
- font-weight: 500;
12911
+ > div {
12912
+ flex: 1;
12913
+
12914
+ &:not(:last-child) {
12915
+ margin-right: 46px;
12963
12916
  }
12964
12917
 
12965
- .input-wrapper {
12966
- display: flex;
12967
- flex-wrap: wrap;
12918
+ .label {
12919
+ padding: 0;
12920
+ margin-bottom: 5px;
12921
+ }
12968
12922
 
12969
- .input-title {
12970
- width: 100%;
12923
+ &.timeout-block {
12924
+ .label {
12925
+ margin-bottom: 3px;
12971
12926
  }
12972
12927
 
12973
- .memory-number-input, .cpu-number-input {
12974
- width: 50%;
12975
- }
12928
+ .timeout-values {
12929
+ margin-left: 27px;
12976
12930
 
12977
- .memory-size-dropdown, .cpu-dropdown {
12978
- width: 35%
12979
- }
12931
+ .inputs {
12932
+ display: flex;
12933
+ align-items: center;
12980
12934
 
12981
- .gpu-number-input, .replicas-number-input {
12982
- width: 85%;
12935
+ .values-label {
12936
+ .duskThree(0.9);
12937
+ margin: 0 17px 0 8px;
12938
+ font-size: 14px;
12939
+ font-weight: normal;
12940
+ font-style: normal;
12941
+ letter-spacing: normal;
12942
+ text-align: left;
12943
+ color: @color;
12944
+ }
12945
+ }
12983
12946
  }
12984
12947
  }
12985
12948
  }
12986
12949
 
12987
- .slider-block {
12988
- padding-top: 0;
12989
- margin-bottom: 10px;
12950
+ .logger-block {
12951
+ display: flex;
12952
+ margin-top: 3px;
12990
12953
 
12991
- .slider {
12992
- width: 70%;
12954
+ .logger-dropdown {
12955
+ .default-dropdown {
12956
+ position: relative;
12957
+ height: 36px;
12958
+
12959
+ .dropdown-overlap {
12960
+ z-index: 100;
12961
+ }
12962
+ }
12963
+ }
12964
+
12965
+ > div {
12966
+ flex: 1;
12967
+
12968
+ &:not(:last-child) {
12969
+ margin-right: 16px;
12970
+ }
12971
+
12972
+ .label {
12973
+ padding: 0;
12974
+ margin-bottom: 5px;
12975
+ }
12976
+
12977
+ &.logger-input {
12978
+ flex-grow: 1.95;
12979
+ }
12993
12980
  }
12994
12981
  }
12995
12982
  }
12996
12983
  }
12997
12984
 
12998
- .ncl-version-configuration-runtime-attributes {
12999
- .row:not(.info-row) {
13000
- display: flex;
13001
- justify-content: space-between;
13002
-
13003
- &:not(:last-child) {
13004
- margin-top: 10px;
13005
- margin-bottom: 25px;
13006
- }
12985
+ .ncl-version-configuration-build {
12986
+ &.disabled {
12987
+ opacity: .5;
12988
+ }
13007
12989
 
13008
- > div {
13009
- flex: 0.65;
12990
+ .build-field {
12991
+ margin-bottom: 23px;
13010
12992
 
13011
- &:not(:last-child) {
13012
- margin-right: 16px;
13013
- }
12993
+ &.build-base-image-field {
12994
+ padding-right: 10px;
12995
+ }
13014
12996
 
13015
- &.arguments-input {
13016
- flex-grow: 2;
13017
- }
12997
+ &.build-onbuild-image-field {
12998
+ padding-left: 10px;
13018
12999
  }
13019
- }
13020
13000
 
13021
- .row {
13022
- .runtime {
13023
- height: 36px;
13024
- border-radius: 2px;
13025
- padding: 9px 0 0 14px;
13026
- text-transform: capitalize;
13001
+ .field-label {
13027
13002
  font-family: @font-family-sans-serif;
13028
13003
  font-size: 14px;
13004
+ font-weight: 500;
13029
13005
  text-align: left;
13030
13006
  color: @dusk-three;
13031
13007
  }
13032
13008
 
13033
- .textarea-field {
13034
- height: 177px;
13035
- resize: none;
13036
- white-space: pre;
13037
- overflow-x: auto;
13038
- }
13039
- }
13040
-
13041
- .java-attribute {
13042
- .textarea-field {
13043
- height: 70px;
13044
- overflow-y: auto;
13009
+ .label-with-tooltip {
13010
+ height: 20px;
13045
13011
  }
13046
- }
13047
- }
13048
13012
 
13049
- .ncl-version-configuration-volumes {
13050
- .ncl-version-volume {
13051
- .common-table-header {
13052
- border: none;
13053
- padding-left: 40px;
13054
- padding-right: 60px;
13013
+ .validating-input-field {
13014
+ .input-field {
13015
+ padding: 0 10px 0 17px;
13016
+ }
13055
13017
 
13056
- .common-table-cell {
13018
+ .input-placeholder {
13019
+ left: 18px;
13020
+ font-style: italic;
13057
13021
  font-size: 14px;
13058
- font-weight: bold;
13059
- letter-spacing: normal;
13060
- color: @dusk-three;
13061
- height: 46px;
13062
13022
  }
13023
+ }
13063
13024
 
13064
- &.item-header {
13065
- display: flex;
13025
+ .build-textarea-input {
13026
+ &.build-commands-input {
13027
+ .textarea-field {
13028
+ height: 150px;
13029
+ }
13030
+ }
13066
13031
 
13067
- .item-name {
13068
- width: 25%;
13069
- padding-left: 0;
13032
+ .textarea-field {
13033
+ height: 70px;
13034
+ resize: none;
13035
+ white-space: pre;
13036
+ overflow: auto;
13037
+ }
13038
+ }
13039
+ }
13040
+
13041
+ .build-checkboxes {
13042
+ display: flex;
13043
+
13044
+ .checkbox-block {
13045
+ display: inline-flex;
13046
+ align-items: baseline;
13047
+ margin-right: 15px;
13048
+ }
13049
+ }
13050
+
13051
+ .files-field {
13052
+ margin-bottom: 1px;
13053
+
13054
+ .uploading-files {
13055
+ margin-top: -6px;
13056
+ display: flex;
13057
+
13058
+ .file-block {
13059
+ height: 32px;
13060
+ border-radius: 2px;
13061
+ background-color: @light-grayish-blue;
13062
+ border: solid 1px @pale-grey;
13063
+
13064
+ .file-name {
13065
+ height: 14px;
13066
+ font-family: @font-family-sans-serif;
13067
+ font-size: 14px;
13068
+ line-height: 1.38;
13070
13069
  }
13071
13070
 
13072
- .item-class {
13073
- width: 20%;
13071
+ .ncl-icon-script,
13072
+ .ncl-icon-file,
13073
+ .file-name {
13074
+ display: inline-block;
13074
13075
  }
13075
13076
 
13076
- .item-info {
13077
- width: 55%;
13077
+ .progress {
13078
+ position: absolute;
13079
+ background-color: @white;
13080
+ display: inline-block;
13081
+ width: 95px;
13082
+ height: 6px;
13083
+ border: 1px solid @pale-grey;
13084
+ border-radius: 2px;
13085
+ top: 13px;
13086
+ right: 28px;
13087
+
13088
+ .progress-bar {
13089
+ border-radius: 2px;
13090
+ background-color: @dark-sky-blue;
13091
+ }
13078
13092
  }
13079
- }
13080
- }
13081
13093
 
13082
- .common-table-body {
13083
- .ncl-collapsing-row .item-row {
13084
- .item-name {
13085
- padding-left: 0;
13086
- width: 25%;
13094
+ .build-close-button {
13095
+ position: absolute;
13096
+ right: 13px;
13097
+ width: 10px;
13098
+ height: 10px;
13099
+ border: none;
13100
+ outline: none;
13101
+ background: none;
13102
+ margin-top: 3px;
13103
+ font-size: 10px;
13087
13104
  }
13088
13105
 
13089
- .item-class {
13090
- width: 20%;
13106
+ .ncl-icon-file {
13107
+ font-size: 20px;
13091
13108
  }
13092
13109
 
13093
- .item-info {
13094
- width: 55%;
13110
+ .ncl-icon-script,
13111
+ .ncl-icon-file,
13112
+ .ncl-icon-close {
13113
+ color: @greyish-purple;
13095
13114
  }
13096
13115
  }
13097
13116
 
13098
- .common-table-row {
13099
- &:not(.read-only):hover {
13100
- .common-table-cells-container {
13101
- background-color: @white;
13117
+ .uploading-proccess-wrapper {
13118
+ width: 100%;
13119
+ flex-grow: 2.5;
13120
+
13121
+ .uploading {
13122
+ position: relative;
13123
+ padding: 6px 130px 6px 8px;
13124
+
13125
+ .progress-percents {
13126
+ margin-left: 15px;
13127
+ color: @dark-grey;
13102
13128
  }
13103
13129
 
13104
- .actions-menu {
13105
- background-color: @white;
13130
+ .file-name {
13131
+ margin-left: 8px;
13132
+ color: @dark-sky-blue;
13133
+ text-overflow: ellipsis;
13106
13134
  }
13107
- }
13108
- }
13109
- }
13110
- }
13111
- }
13112
13135
 
13113
- .ncl-test-events-logs {
13114
- padding: 6px 17px 25px;
13115
- background-color: @white;
13136
+ .ncl-icon-script {
13137
+ font-size: 12px;
13138
+ }
13139
+ }
13116
13140
 
13117
- .functional-buttons {
13118
- .duskThree(0.64);
13119
- display: flex;
13120
- justify-content: flex-end;
13121
- color: @color;
13122
- font-size: 16px;
13141
+ .uploading-file {
13142
+ padding: 3px 55px 3px 8px;
13123
13143
 
13124
- > div {
13125
- margin-right: 24px;
13144
+ .file-name {
13145
+ vertical-align: top;
13146
+ margin: 4px;
13147
+ margin-left: 9px;
13148
+ }
13149
+ }
13150
+ }
13126
13151
 
13127
- &:hover {
13128
- color: @dusk-three;
13152
+ .one-file-uploaded {
13153
+ margin-right: 16px;
13129
13154
  }
13130
- }
13131
- }
13132
13155
 
13133
- .collapsed-row {
13134
- .black(0.2);
13135
- display: flex;
13136
- align-items: center;
13137
- position: relative;
13138
- height: 36px;
13139
- background-color: @white;
13140
- color: @dusk-three;
13141
- box-shadow: 1.7px 1.1px 4px 0 @color;
13142
- border: solid 1px @pale-grey;
13143
- margin-bottom: 10px;
13156
+ .uploaded-wrapper {
13157
+ width: 100%;
13158
+ display: flex;
13159
+ justify-content: space-between;
13144
13160
 
13145
- .igz-icon-right {
13146
- .duskThree(0.64);
13147
- font-size: 12px;
13148
- color: @color;
13149
- margin: 0 8px 0 12px;
13161
+ .uploaded {
13162
+ position: relative;
13163
+ flex-grow: 1;
13164
+ padding: 6px 40px 6px 8px;
13150
13165
 
13151
- &::before {
13152
- vertical-align: text-bottom;
13153
- }
13154
- }
13166
+ .file-name {
13167
+ margin-left: 9px;
13168
+ color: @dusk-three;
13155
13169
 
13156
- .level-icon {
13157
- display: inline-block;
13158
- margin-right: 8px;
13159
- width: 20px;
13160
- text-align: center;
13170
+ .uploaded-file-directory {
13171
+ margin-left: 8px;
13172
+ color: @dark-greyish-blue;
13173
+ }
13174
+ }
13175
+ }
13161
13176
 
13162
- &::before {
13163
- font-size: 16px;
13164
- vertical-align: text-bottom;
13165
- }
13177
+ .uploaded-file {
13178
+ padding: 3px 55px 3px 8px;
13166
13179
 
13167
- &.ncl-icon-debug {
13168
- color: @orangish;
13180
+ .file-name {
13181
+ margin: 4px 4px 4px 9px;
13182
+ vertical-align: top;
13183
+ }
13169
13184
 
13170
- &::before {
13171
- font-size: 18px;
13185
+ .build-close-button {
13186
+ top: 6px;
13187
+ }
13172
13188
  }
13173
13189
  }
13190
+ }
13191
+ }
13174
13192
 
13175
- &.igz-icon-info-round {
13176
- color: @orangish;
13177
- }
13193
+ .configuration-build-title-wrapper {
13194
+ display: flex;
13195
+ justify-content: space-between;
13178
13196
 
13179
- &.igz-icon-warning {
13180
- color: @orangish;
13197
+ .igz-action-menu {
13198
+ .menu-button {
13199
+ width: 40px;
13200
+ height: 40px;
13201
+ display: flex;
13202
+ justify-content: center;
13203
+ align-items: center;
13204
+ font-size: 22px;
13205
+ margin: -10px -15px 0 0;
13206
+ border-radius: 50%;
13207
+ color: @dusk-three;
13181
13208
  }
13182
13209
 
13183
- &.igz-icon-cancel-path {
13184
- color: @orangish;
13210
+ .active {
13211
+ .black(0.1);
13212
+ background-color: @silver;
13213
+ box-shadow: inset 0px 2px 3px 0 @color;
13185
13214
  }
13186
- }
13187
13215
 
13188
- .date {
13189
- display: inline-block;
13190
- width: 230px;
13191
- font-size: 14px;
13192
- font-weight: bold;
13193
- margin-right: 15px;
13216
+ .menu-dropdown {
13217
+ margin-top: 4px;
13218
+ right: -18px;
13219
+ }
13194
13220
  }
13221
+ }
13222
+ }
13195
13223
 
13196
- .message {
13197
- display: inline-block;
13198
- width: 200px;
13199
- margin-right: 30px;
13200
- }
13224
+ .ncl-version-configuration-logging {
13225
+ .row {
13226
+ display: flex;
13227
+ position: relative;
13201
13228
 
13202
- .ncl-icon-parameters {
13203
- .duskThree(0.64);
13204
- color: @color;
13205
- font-size: 14px;
13206
- position: absolute;
13207
- top: 9px;
13208
- right: 9px;
13229
+ .logging-wrapper {
13230
+ width: 100%;
13209
13231
  }
13210
13232
  }
13233
+ }
13211
13234
 
13212
- .expanded-row {
13213
- background-color: @white;
13214
- color: @dusk-three;
13215
- border: solid 1px @pale-grey;
13216
- margin-bottom: 10px;
13235
+ @desktop-middle: 1550px;
13217
13236
 
13218
- .header {
13219
- position: relative;
13237
+ .ncl-version-configuration-resources {
13238
+ .row {
13239
+ .range-inputs-row {
13220
13240
  display: flex;
13221
- align-items: center;
13222
- height: 34px;
13223
-
13224
- .igz-icon-down {
13225
- .duskThree(0.64);
13226
- font-size: 12px;
13227
- color: @color;
13228
- margin: 0 8px 0 12px;
13241
+ align-items: flex-end;
13229
13242
 
13230
- &::before {
13231
- vertical-align: text-bottom;
13232
- }
13243
+ .row-title {
13244
+ margin-bottom: 8px;
13233
13245
  }
13246
+ }
13234
13247
 
13235
- .level-icon {
13236
- display: inline-block;
13237
- margin-right: 8px;
13238
- width: 20px;
13239
- text-align: center;
13248
+ .form-row {
13249
+ padding: 12px 0;
13240
13250
 
13241
- &::before {
13242
- font-size: 16px;
13243
- vertical-align: text-bottom;
13244
- }
13251
+ .row-title, .input-title {
13252
+ font-size: 14px;
13253
+ }
13245
13254
 
13246
- &.ncl-icon-debug {
13247
- color: @orangish;
13255
+ .row-title {
13256
+ font-weight: 500;
13257
+ }
13248
13258
 
13249
- &::before {
13250
- font-size: 18px;
13251
- }
13252
- }
13259
+ .input-wrapper {
13260
+ display: flex;
13261
+ flex-wrap: wrap;
13253
13262
 
13254
- &.igz-icon-info-round {
13255
- color: @orangish;
13263
+ .input-title {
13264
+ width: 100%;
13256
13265
  }
13257
13266
 
13258
- &.igz-icon-warning {
13259
- color: @orangish;
13267
+ .memory-number-input, .cpu-number-input {
13268
+ width: 50%;
13260
13269
  }
13261
13270
 
13262
- &.igz-icon-cancel-path {
13263
- color: @orangish;
13271
+ .memory-size-dropdown, .cpu-dropdown {
13272
+ width: 35%
13264
13273
  }
13265
- }
13266
13274
 
13267
- .date {
13268
- display: inline-block;
13269
- width: 230px;
13270
- font-size: 14px;
13271
- font-weight: bold;
13272
- margin-right: 15px;
13273
- }
13274
-
13275
- .ncl-icon-parameters {
13276
- .duskThree(0.64);
13277
- position: absolute;
13278
- top: 9px;
13279
- right: 9px;
13280
- color: @color;
13281
- font-size: 14px;
13275
+ .gpu-number-input, .replicas-number-input {
13276
+ width: 85%;
13277
+ }
13282
13278
  }
13283
13279
  }
13284
13280
 
13285
- .expanded-body {
13286
- font-size: 14px;
13287
- color: @dusk-three;
13288
-
13289
- .error {
13290
- width: 71%;
13291
- border-radius: 3px;
13292
- background-color: #fbe5e8;
13293
- border: solid 1px @darkish-pink;
13294
- color: @darkish-pink;
13295
- word-wrap: break-word;
13296
- margin-left: 62px;
13297
- padding: 12px;
13298
- margin-bottom: 16px;
13299
- }
13281
+ .slider-block {
13282
+ padding-top: 0;
13283
+ margin-bottom: 10px;
13300
13284
 
13301
- .message {
13302
- display: inline-block;
13285
+ .slider {
13303
13286
  width: 70%;
13304
- word-wrap: break-word;
13305
- margin: 0 0 16px 62px;
13306
13287
  }
13288
+ }
13289
+ }
13290
+ }
13307
13291
 
13308
- .parameters {
13309
- padding: 0 62px 16px;
13292
+ .ncl-version-configuration-runtime-attributes {
13293
+ .row:not(.info-row) {
13294
+ display: flex;
13295
+ justify-content: space-between;
13310
13296
 
13311
- .parameters-header {
13312
- font-weight: bold;
13313
- }
13297
+ &:not(:last-child) {
13298
+ margin-top: 10px;
13299
+ margin-bottom: 25px;
13300
+ }
13314
13301
 
13315
- > div {
13316
- display: flex;
13317
- line-height: 2;
13302
+ > div {
13303
+ flex: 0.65;
13318
13304
 
13319
- .labels {
13320
- color: @greyish-purple;
13321
- font-size: 14px;
13322
- width: 30%;
13323
- }
13305
+ &:not(:last-child) {
13306
+ margin-right: 16px;
13307
+ }
13324
13308
 
13325
- .values {
13326
- color: @dusk-three;
13327
- font-size: 14px;
13328
- width: 70%;
13329
- }
13330
- }
13309
+ &.arguments-input {
13310
+ flex-grow: 2;
13331
13311
  }
13332
13312
  }
13333
13313
  }
13334
13314
 
13335
- .no-logs {
13336
- margin: 10px auto 0;
13337
- font-size: 14px;
13338
- color: @pale-grey;
13339
- text-align: center;
13315
+ .row {
13316
+ .runtime {
13317
+ height: 36px;
13318
+ border-radius: 2px;
13319
+ padding: 9px 0 0 14px;
13320
+ text-transform: capitalize;
13321
+ font-family: @font-family-sans-serif;
13322
+ font-size: 14px;
13323
+ text-align: left;
13324
+ color: @dusk-three;
13325
+ }
13326
+
13327
+ .textarea-field {
13328
+ height: 177px;
13329
+ resize: none;
13330
+ white-space: pre;
13331
+ overflow-x: auto;
13332
+ }
13333
+ }
13334
+
13335
+ .java-attribute {
13336
+ .textarea-field {
13337
+ height: 70px;
13338
+ overflow-y: auto;
13339
+ }
13340
13340
  }
13341
13341
  }
13342
- .ncl-test-events-navigation-tabs {
13343
- display: flex;
13344
- background: #f8f8fb;
13345
- height: 40px;
13346
- border-top: 1px solid @pale-grey;
13347
- border-bottom: 1px solid @pale-grey;
13348
13342
 
13349
- .test-events-navigation-tab {
13350
- .duskThree(0.64);
13351
- position: relative;
13352
- float: left;
13353
- height: 27px;
13354
- padding: 10px 40px 0;
13355
- font-family: @font-family-sans-serif;
13356
- color: @color;
13357
- font-size: 13px;
13358
- text-align: center;
13359
- cursor: pointer;
13360
- border-bottom: none;
13361
- box-sizing: content-box;
13343
+ .ncl-version-configuration-volumes {
13344
+ .ncl-version-volume {
13345
+ .common-table-header {
13346
+ border: none;
13347
+ padding-left: 40px;
13348
+ padding-right: 60px;
13362
13349
 
13363
- &.active, &.active:hover {
13364
- background: none;
13365
- color: @dusk-three;
13366
- border-bottom: 2px solid @dusk-three;
13367
- font-weight: bold;
13350
+ .common-table-cell {
13351
+ font-size: 14px;
13352
+ font-weight: bold;
13353
+ letter-spacing: normal;
13354
+ color: @dusk-three;
13355
+ height: 46px;
13356
+ }
13368
13357
 
13369
- .badge {
13370
- color: @white;
13371
- background-color: @light-grey-blue;
13358
+ &.item-header {
13359
+ display: flex;
13360
+
13361
+ .item-name {
13362
+ width: 25%;
13363
+ padding-left: 0;
13364
+ }
13365
+
13366
+ .item-class {
13367
+ width: 20%;
13368
+ }
13369
+
13370
+ .item-info {
13371
+ width: 55%;
13372
+ }
13372
13373
  }
13373
13374
  }
13374
13375
 
13375
- .badge {
13376
- display: inline-block;
13377
- min-width: 22px;
13378
- padding: 3px 7px;
13379
- font-size: 12px;
13380
- font-weight: 500;
13381
- color: @greyish-purple;
13382
- line-height: 1;
13383
- vertical-align: middle;
13384
- white-space: nowrap;
13385
- text-align: center;
13386
- background-color: @pale-grey;
13387
- border-radius: 7.5px;
13388
- margin-left: 7px;
13389
- margin-top: -4px;
13390
- }
13391
- }
13376
+ .common-table-body {
13377
+ .ncl-collapsing-row .item-row {
13378
+ .item-name {
13379
+ padding-left: 0;
13380
+ width: 25%;
13381
+ }
13392
13382
 
13393
- .default-dropdown {
13394
- float: left;
13395
- width: 105px;
13383
+ .item-class {
13384
+ width: 20%;
13385
+ }
13396
13386
 
13397
- .default-dropdown-field:not(:hover) {
13398
- border-color: transparent;
13399
- }
13387
+ .item-info {
13388
+ width: 55%;
13389
+ }
13390
+ }
13400
13391
 
13401
- .default-dropdown-container {
13402
- z-index: 3;
13392
+ .common-table-row {
13393
+ &:not(.read-only):hover {
13394
+ .common-table-cells-container {
13395
+ background-color: @white;
13396
+ }
13397
+
13398
+ .actions-menu {
13399
+ background-color: @white;
13400
+ }
13401
+ }
13402
+ }
13403
13403
  }
13404
13404
  }
13405
13405
  }