iguazio.dashboard-controls 0.38.10-patch1 → 0.38.10-patch4

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 (12) hide show
  1. package/dist/i18n/en/common.json +3 -0
  2. package/dist/i18n/en/functions.json +0 -4
  3. package/dist/js/iguazio.dashboard-controls.js +4322 -4322
  4. package/dist/less/iguazio.dashboard-controls.less +1537 -1533
  5. package/package.json +1 -1
  6. package/src/i18n/en/common.json +3 -0
  7. package/src/i18n/en/functions.json +0 -4
  8. package/src/igz_controls/less/table.less +4 -0
  9. package/src/nuclio/common/screens/create-function/function-from-template/function-from-template.tpl.html +1 -1
  10. package/src/nuclio/functions/version/version-configuration/tabs/version-configuration-basic-settings/version-configuration-basic-settings.tpl.html +2 -2
  11. package/src/nuclio/functions/version/version-configuration/tabs/version-configuration-labels/version-configuration-labels.tpl.html +1 -1
  12. package/src/nuclio/functions/version/version-configuration/tabs/version-configuration-resources/version-configuration-resources.tpl.html +1 -1
package/dist/less/iguazio.dashboard-controls.less CHANGED
@@ -1,9 +1,3 @@
1
- .common-table-cell {
2
- &.status {
3
- min-width: 95px;
4
- }
5
- }
6
-
7
1
  //
8
2
  // Common styles for buttons
9
3
  //
@@ -3009,6 +3003,10 @@ html input[disabled], html textarea[disabled] {
3009
3003
  &.centered {
3010
3004
  justify-content: center;
3011
3005
  }
3006
+
3007
+ &.overflow-visible {
3008
+ overflow: visible;
3009
+ }
3012
3010
  }
3013
3011
 
3014
3012
  //
@@ -3584,6 +3582,12 @@ html input[disabled], html textarea[disabled] {
3584
3582
 
3585
3583
  // Media Query
3586
3584
  @retina-display: ~"only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)";
3585
+ .common-table-cell {
3586
+ &.status {
3587
+ min-width: 95px;
3588
+ }
3589
+ }
3590
+
3587
3591
  ncl-functions {
3588
3592
  igz-info-page-actions-bar {
3589
3593
  .igz-info-page-actions-bar {
@@ -3636,149 +3640,6 @@ ncl-functions {
3636
3640
  }
3637
3641
  }
3638
3642
 
3639
- /**
3640
- UI.Layout CSS
3641
- *************************************/
3642
- .stretch {
3643
- position: absolute;
3644
- top: 0;
3645
- left: 0;
3646
- right: 0;
3647
- bottom: 0;
3648
- /* Can be changed by hand ;)*/
3649
- overflow: auto;
3650
- }
3651
-
3652
- .animate-row, .animate-column {
3653
- -webkit-transition: all .2s cubic-bezier(0, 0, 0.2, 1);
3654
- -moz-transition: all .2s cubic-bezier(0, 0, 0.2, 1);
3655
- -ms-transition: all .2s cubic-bezier(0, 0, 0.2, 1);
3656
- -o-transition: all .2s cubic-bezier(0, 0, 0.2, 1);
3657
- transition: all .2s cubic-bezier(0, 0, 0.2, 1);
3658
- }
3659
-
3660
- .ui-splitbar {
3661
- display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
3662
- display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
3663
- display: -ms-flexbox; /* TWEENER - IE 10 */
3664
- display: -webkit-flex; /* NEW - Chrome */
3665
- display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
3666
- -webkit-justify-content: center;
3667
- justify-content: center;
3668
-
3669
- background-color: #ffffff;
3670
- right: auto;
3671
- position: absolute;
3672
- z-index: 1;
3673
- }
3674
-
3675
- .ui-layout-row > .ui-splitbar {
3676
- height: 8px;
3677
- width: 100%;
3678
- cursor: row-resize;
3679
- text-align: center;
3680
- justify-content: center;
3681
- align-items: center;
3682
- background: linear-gradient(to bottom, #fff 0%, #eee 100%);
3683
- overflow-y: hidden;
3684
- }
3685
-
3686
- .ui-layout-column > .ui-splitbar {
3687
- width: 8px;
3688
- height: 100%;
3689
- cursor: col-resize;
3690
- -webkit-flex-direction: column;
3691
- flex-direction: column;
3692
- background: linear-gradient(to right, #fff 0%, #eee 100%);
3693
- overflow-x: hidden;
3694
- }
3695
-
3696
- .ui-layout-column > .ui-splitbar > a,
3697
- .ui-layout-row > .ui-splitbar > a {
3698
- cursor: pointer;
3699
- text-align: center;
3700
- font-size: 16px;
3701
- color: #aaa;
3702
- }
3703
-
3704
- .ui-layout-column > .ui-splitbar > a:nth-child(2) {
3705
- margin-top: 0.35rem;
3706
- }
3707
-
3708
- .ui-layout-row > .ui-splitbar > a:nth-child(2) {
3709
- margin-left: 0.35rem;
3710
- }
3711
-
3712
-
3713
- /**
3714
- * Icons
3715
- **/
3716
-
3717
- .ui-splitbar-icon {
3718
- width: 0;
3719
- height: 0;
3720
- display: inline-block;
3721
- }
3722
-
3723
- .ui-splitbar-icon-up {
3724
- border-left: 0.45em solid transparent;
3725
- border-right: 0.45em solid transparent;
3726
- border-bottom: 0.45em solid;
3727
- }
3728
-
3729
- .ui-splitbar-icon-down {
3730
- border-left: 0.45em solid transparent;
3731
- border-right: 0.45em solid transparent;
3732
- border-top: 0.45em solid;
3733
- margin-right: 0.45em;
3734
- }
3735
-
3736
- .ui-splitbar-icon-right {
3737
- border-top: 0.45em solid transparent;
3738
- border-bottom: 0.45em solid transparent;
3739
- border-left: 0.45em solid;
3740
-
3741
- }
3742
-
3743
- .ui-splitbar-icon-left {
3744
- border-top: 0.45em solid transparent;
3745
- border-bottom: 0.45em solid transparent;
3746
- border-right: 0.45em solid;
3747
- margin-top: 0.45em;
3748
- }
3749
-
3750
- /* Allow disabling of icons */
3751
- .no-toggle .ui-splitbar-icon {
3752
- display: none;
3753
- }
3754
-
3755
- @media only screen and (max-device-width: 480px) {
3756
- .no-mobile-toggle .ui-splitbar-icon {
3757
- display: none;
3758
- }
3759
- }
3760
-
3761
- @media print {
3762
- .ui-splitbar {
3763
- display: none;
3764
- }
3765
-
3766
- .stretch {
3767
- position: relative;
3768
- }
3769
-
3770
- /* The last item can take up any amount of space. */
3771
- .stretch.ui-layout-container:last-child {
3772
- position: static;
3773
- overflow: visible;
3774
- }
3775
- }
3776
-
3777
- /* Make sure hidden elements are in fact not rendered. */
3778
- .ui-layout-hidden {
3779
- display: none;
3780
- }
3781
-
3782
3643
  /*
3783
3644
  == malihu jquery custom scrollbar plugin ==
3784
3645
  Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
@@ -5501,52 +5362,353 @@ yx-axis
5501
5362
 
5502
5363
  /* ---------------------------------------- */
5503
5364
 
5504
- .action-checkbox {
5505
- .action-checkbox-color-set();
5365
+ /**
5366
+ UI.Layout CSS
5367
+ *************************************/
5368
+ .stretch {
5369
+ position: absolute;
5370
+ top: 0;
5371
+ left: 0;
5372
+ right: 0;
5373
+ bottom: 0;
5374
+ /* Can be changed by hand ;)*/
5375
+ overflow: auto;
5376
+ }
5506
5377
 
5507
- line-height: 16px;
5508
- text-align: center;
5378
+ .animate-row, .animate-column {
5379
+ -webkit-transition: all .2s cubic-bezier(0, 0, 0.2, 1);
5380
+ -moz-transition: all .2s cubic-bezier(0, 0, 0.2, 1);
5381
+ -ms-transition: all .2s cubic-bezier(0, 0, 0.2, 1);
5382
+ -o-transition: all .2s cubic-bezier(0, 0, 0.2, 1);
5383
+ transition: all .2s cubic-bezier(0, 0, 0.2, 1);
5384
+ }
5509
5385
 
5510
- .check-item {
5511
- font-size: 16px;
5512
- cursor: pointer;
5513
- line-height: 1;
5514
- vertical-align: middle;
5386
+ .ui-splitbar {
5387
+ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
5388
+ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
5389
+ display: -ms-flexbox; /* TWEENER - IE 10 */
5390
+ display: -webkit-flex; /* NEW - Chrome */
5391
+ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
5392
+ -webkit-justify-content: center;
5393
+ justify-content: center;
5515
5394
 
5516
- &.igz-icon-checkbox-unchecked {
5517
- color: @icon-checkbox-unchecked;
5518
- }
5395
+ background-color: #ffffff;
5396
+ right: auto;
5397
+ position: absolute;
5398
+ z-index: 1;
5399
+ }
5519
5400
 
5520
- &.igz-icon-checkbox-checked {
5521
- color: @icon-checkbox-checked;
5522
- }
5523
- }
5401
+ .ui-layout-row > .ui-splitbar {
5402
+ height: 8px;
5403
+ width: 100%;
5404
+ cursor: row-resize;
5405
+ text-align: center;
5406
+ justify-content: center;
5407
+ align-items: center;
5408
+ background: linear-gradient(to bottom, #fff 0%, #eee 100%);
5409
+ overflow-y: hidden;
5524
5410
  }
5525
- .action-checkbox-all {
5526
- .action-checkbox-all-color-set();
5527
5411
 
5528
- text-align: center;
5412
+ .ui-layout-column > .ui-splitbar {
5413
+ width: 8px;
5414
+ height: 100%;
5415
+ cursor: col-resize;
5416
+ -webkit-flex-direction: column;
5417
+ flex-direction: column;
5418
+ background: linear-gradient(to right, #fff 0%, #eee 100%);
5419
+ overflow-x: hidden;
5420
+ }
5529
5421
 
5530
- .check-item {
5531
- cursor: pointer;
5532
- color: @check-item-color;
5533
- font-size: 16px;
5534
- line-height: 1;
5535
- vertical-align: middle;
5422
+ .ui-layout-column > .ui-splitbar > a,
5423
+ .ui-layout-row > .ui-splitbar > a {
5424
+ cursor: pointer;
5425
+ text-align: center;
5426
+ font-size: 16px;
5427
+ color: #aaa;
5428
+ }
5536
5429
 
5537
- &.igz-icon-checkbox-checked {
5538
- color: @check-item-icon-checkbox-checked-color;
5539
- }
5540
- }
5430
+ .ui-layout-column > .ui-splitbar > a:nth-child(2) {
5431
+ margin-top: 0.35rem;
5541
5432
  }
5542
- .igz-action-panel {
5543
- .action-panel-color-set();
5544
- .action-icon-color-set();
5545
5433
 
5546
- left: 0;
5547
- line-height: 0;
5548
- position: relative;
5549
- transition: @igz-basic-transition;
5434
+ .ui-layout-row > .ui-splitbar > a:nth-child(2) {
5435
+ margin-left: 0.35rem;
5436
+ }
5437
+
5438
+
5439
+ /**
5440
+ * Icons
5441
+ **/
5442
+
5443
+ .ui-splitbar-icon {
5444
+ width: 0;
5445
+ height: 0;
5446
+ display: inline-block;
5447
+ }
5448
+
5449
+ .ui-splitbar-icon-up {
5450
+ border-left: 0.45em solid transparent;
5451
+ border-right: 0.45em solid transparent;
5452
+ border-bottom: 0.45em solid;
5453
+ }
5454
+
5455
+ .ui-splitbar-icon-down {
5456
+ border-left: 0.45em solid transparent;
5457
+ border-right: 0.45em solid transparent;
5458
+ border-top: 0.45em solid;
5459
+ margin-right: 0.45em;
5460
+ }
5461
+
5462
+ .ui-splitbar-icon-right {
5463
+ border-top: 0.45em solid transparent;
5464
+ border-bottom: 0.45em solid transparent;
5465
+ border-left: 0.45em solid;
5466
+
5467
+ }
5468
+
5469
+ .ui-splitbar-icon-left {
5470
+ border-top: 0.45em solid transparent;
5471
+ border-bottom: 0.45em solid transparent;
5472
+ border-right: 0.45em solid;
5473
+ margin-top: 0.45em;
5474
+ }
5475
+
5476
+ /* Allow disabling of icons */
5477
+ .no-toggle .ui-splitbar-icon {
5478
+ display: none;
5479
+ }
5480
+
5481
+ @media only screen and (max-device-width: 480px) {
5482
+ .no-mobile-toggle .ui-splitbar-icon {
5483
+ display: none;
5484
+ }
5485
+ }
5486
+
5487
+ @media print {
5488
+ .ui-splitbar {
5489
+ display: none;
5490
+ }
5491
+
5492
+ .stretch {
5493
+ position: relative;
5494
+ }
5495
+
5496
+ /* The last item can take up any amount of space. */
5497
+ .stretch.ui-layout-container:last-child {
5498
+ position: static;
5499
+ overflow: visible;
5500
+ }
5501
+ }
5502
+
5503
+ /* Make sure hidden elements are in fact not rendered. */
5504
+ .ui-layout-hidden {
5505
+ display: none;
5506
+ }
5507
+
5508
+ .action-checkbox-all {
5509
+ .action-checkbox-all-color-set();
5510
+
5511
+ text-align: center;
5512
+
5513
+ .check-item {
5514
+ cursor: pointer;
5515
+ color: @check-item-color;
5516
+ font-size: 16px;
5517
+ line-height: 1;
5518
+ vertical-align: middle;
5519
+
5520
+ &.igz-icon-checkbox-checked {
5521
+ color: @check-item-icon-checkbox-checked-color;
5522
+ }
5523
+ }
5524
+ }
5525
+ .action-checkbox {
5526
+ .action-checkbox-color-set();
5527
+
5528
+ line-height: 16px;
5529
+ text-align: center;
5530
+
5531
+ .check-item {
5532
+ font-size: 16px;
5533
+ cursor: pointer;
5534
+ line-height: 1;
5535
+ vertical-align: middle;
5536
+
5537
+ &.igz-icon-checkbox-unchecked {
5538
+ color: @icon-checkbox-unchecked;
5539
+ }
5540
+
5541
+ &.igz-icon-checkbox-checked {
5542
+ color: @icon-checkbox-checked;
5543
+ }
5544
+ }
5545
+ }
5546
+ .igz-action-menu {
5547
+ .action-menu-color-set();
5548
+ .action-icon-color-set();
5549
+
5550
+ opacity: 1;
5551
+ position: relative;
5552
+
5553
+ .menu-button {
5554
+ color: @menu-btn-color;
5555
+ cursor: pointer;
5556
+ font-size: 18px;
5557
+ height: 19px;
5558
+ text-align: center;
5559
+ transition: @igz-basic-transition-color;
5560
+ width: 30px;
5561
+
5562
+ &.active,
5563
+ &:hover {
5564
+ color: @menu-btn-active-hover-color;
5565
+ }
5566
+ }
5567
+
5568
+ .menu-dropdown {
5569
+ visibility: hidden;
5570
+ background-color: @menu-dropdown-bg-color;
5571
+ border: @menu-dropdown-border;
5572
+ border-radius: 2px;
5573
+ box-shadow: @menu-dropdown-box-shadow;
5574
+ color: @menu-dropdown-color;
5575
+ font-family: @font-family-sans-serif;
5576
+ font-size: 13px;
5577
+ font-weight: 500;
5578
+ line-height: normal;
5579
+ margin-top: 9px;
5580
+ min-width: 129px;
5581
+ padding: 8px 0 0;
5582
+ position: absolute;
5583
+ z-index: 10;
5584
+ transform: translateX(-100%);
5585
+
5586
+ .actions-list {
5587
+ cursor: default;
5588
+ padding-bottom: 8px;
5589
+
5590
+ .tooltip {
5591
+ // !important used to overwrite third-party's inline style
5592
+ display: none !important;
5593
+ }
5594
+ }
5595
+
5596
+ .igz-action-item {
5597
+ color: @action-item-color;
5598
+ cursor: pointer;
5599
+ font-size: 13px;
5600
+ font-weight: 400;
5601
+ line-height: 32px;
5602
+ padding: 0 18px;
5603
+ text-align: left;
5604
+ white-space: nowrap;
5605
+
5606
+ &:hover,
5607
+ &.subtemplate-show {
5608
+ background-color: @action-item-hover-bg-color;
5609
+ }
5610
+
5611
+ &.inactive {
5612
+ color: @action-item-inactive-color;
5613
+ cursor: default;
5614
+
5615
+ &:hover {
5616
+ background-color: @menu-dropdown-bg-color;
5617
+ }
5618
+ }
5619
+
5620
+ .action-icon {
5621
+ color: @action-icon-color;
5622
+ display: inline-block;
5623
+ padding-right: 14px;
5624
+
5625
+ &.icon-placeholder {
5626
+ &:before {
5627
+ content: '';
5628
+ display: inline-block;
5629
+ }
5630
+ }
5631
+
5632
+ &:before {
5633
+ font-size: 16px;
5634
+ position: relative;
5635
+ text-align: center;
5636
+ width: 20px;
5637
+ top: 2px;
5638
+ }
5639
+ }
5640
+
5641
+ .action-label {
5642
+ display: inline-block;
5643
+ }
5644
+ }
5645
+
5646
+ .shortcuts-list {
5647
+ padding-bottom: 8px;
5648
+
5649
+ &:not(.first-block) {
5650
+ border-top: @shortcuts-list-not-first-block-border;
5651
+ padding-top: 8px;
5652
+ }
5653
+ }
5654
+
5655
+ .shortcuts-header {
5656
+ font-family: @font-family-sans-serif;
5657
+ color: @shortcuts-header-color;
5658
+ line-height: 24px;
5659
+ font-size: 13px;
5660
+ font-weight: 400;
5661
+ padding: 0 15px 4px 22px;
5662
+ text-align: left;
5663
+ }
5664
+
5665
+ .shortcuts-item {
5666
+ color: @shortcuts-item-color;
5667
+ cursor: pointer;
5668
+ font-weight: 400;
5669
+ white-space: nowrap;
5670
+ line-height: 32px;
5671
+ padding: 0 26px 0 32px;
5672
+ text-align: left;
5673
+ transition: @igz-basic-transition-color;
5674
+
5675
+ &:hover {
5676
+ background-color: @shortcuts-item-hover-bg-color;
5677
+ }
5678
+
5679
+ }
5680
+
5681
+ }
5682
+
5683
+ &.small-action-menu {
5684
+ .menu-button {
5685
+ color: @small-action-menu-btn-color;
5686
+ width: auto;
5687
+ font-size: 12px;
5688
+ display: inline-block;
5689
+ height: auto;
5690
+ margin: 0;
5691
+ vertical-align: sub;
5692
+ }
5693
+
5694
+ .menu-dropdown {
5695
+ margin: 0;
5696
+ }
5697
+ }
5698
+
5699
+ .upward-menu {
5700
+ transform: translate(-100%, -100%);
5701
+ }
5702
+ }
5703
+
5704
+ .igz-action-panel {
5705
+ .action-panel-color-set();
5706
+ .action-icon-color-set();
5707
+
5708
+ left: 0;
5709
+ line-height: 0;
5710
+ position: relative;
5711
+ transition: @igz-basic-transition;
5550
5712
 
5551
5713
  &.ng-hide {
5552
5714
  left: -100%;
@@ -5749,164 +5911,6 @@ yx-axis
5749
5911
  }
5750
5912
  }
5751
5913
 
5752
- .igz-action-menu {
5753
- .action-menu-color-set();
5754
- .action-icon-color-set();
5755
-
5756
- opacity: 1;
5757
- position: relative;
5758
-
5759
- .menu-button {
5760
- color: @menu-btn-color;
5761
- cursor: pointer;
5762
- font-size: 18px;
5763
- height: 19px;
5764
- text-align: center;
5765
- transition: @igz-basic-transition-color;
5766
- width: 30px;
5767
-
5768
- &.active,
5769
- &:hover {
5770
- color: @menu-btn-active-hover-color;
5771
- }
5772
- }
5773
-
5774
- .menu-dropdown {
5775
- visibility: hidden;
5776
- background-color: @menu-dropdown-bg-color;
5777
- border: @menu-dropdown-border;
5778
- border-radius: 2px;
5779
- box-shadow: @menu-dropdown-box-shadow;
5780
- color: @menu-dropdown-color;
5781
- font-family: @font-family-sans-serif;
5782
- font-size: 13px;
5783
- font-weight: 500;
5784
- line-height: normal;
5785
- margin-top: 9px;
5786
- min-width: 129px;
5787
- padding: 8px 0 0;
5788
- position: absolute;
5789
- z-index: 10;
5790
- transform: translateX(-100%);
5791
-
5792
- .actions-list {
5793
- cursor: default;
5794
- padding-bottom: 8px;
5795
-
5796
- .tooltip {
5797
- // !important used to overwrite third-party's inline style
5798
- display: none !important;
5799
- }
5800
- }
5801
-
5802
- .igz-action-item {
5803
- color: @action-item-color;
5804
- cursor: pointer;
5805
- font-size: 13px;
5806
- font-weight: 400;
5807
- line-height: 32px;
5808
- padding: 0 18px;
5809
- text-align: left;
5810
- white-space: nowrap;
5811
-
5812
- &:hover,
5813
- &.subtemplate-show {
5814
- background-color: @action-item-hover-bg-color;
5815
- }
5816
-
5817
- &.inactive {
5818
- color: @action-item-inactive-color;
5819
- cursor: default;
5820
-
5821
- &:hover {
5822
- background-color: @menu-dropdown-bg-color;
5823
- }
5824
- }
5825
-
5826
- .action-icon {
5827
- color: @action-icon-color;
5828
- display: inline-block;
5829
- padding-right: 14px;
5830
-
5831
- &.icon-placeholder {
5832
- &:before {
5833
- content: '';
5834
- display: inline-block;
5835
- }
5836
- }
5837
-
5838
- &:before {
5839
- font-size: 16px;
5840
- position: relative;
5841
- text-align: center;
5842
- width: 20px;
5843
- top: 2px;
5844
- }
5845
- }
5846
-
5847
- .action-label {
5848
- display: inline-block;
5849
- }
5850
- }
5851
-
5852
- .shortcuts-list {
5853
- padding-bottom: 8px;
5854
-
5855
- &:not(.first-block) {
5856
- border-top: @shortcuts-list-not-first-block-border;
5857
- padding-top: 8px;
5858
- }
5859
- }
5860
-
5861
- .shortcuts-header {
5862
- font-family: @font-family-sans-serif;
5863
- color: @shortcuts-header-color;
5864
- line-height: 24px;
5865
- font-size: 13px;
5866
- font-weight: 400;
5867
- padding: 0 15px 4px 22px;
5868
- text-align: left;
5869
- }
5870
-
5871
- .shortcuts-item {
5872
- color: @shortcuts-item-color;
5873
- cursor: pointer;
5874
- font-weight: 400;
5875
- white-space: nowrap;
5876
- line-height: 32px;
5877
- padding: 0 26px 0 32px;
5878
- text-align: left;
5879
- transition: @igz-basic-transition-color;
5880
-
5881
- &:hover {
5882
- background-color: @shortcuts-item-hover-bg-color;
5883
- }
5884
-
5885
- }
5886
-
5887
- }
5888
-
5889
- &.small-action-menu {
5890
- .menu-button {
5891
- color: @small-action-menu-btn-color;
5892
- width: auto;
5893
- font-size: 12px;
5894
- display: inline-block;
5895
- height: auto;
5896
- margin: 0;
5897
- vertical-align: sub;
5898
- }
5899
-
5900
- .menu-dropdown {
5901
- margin: 0;
5902
- }
5903
- }
5904
-
5905
- .upward-menu {
5906
- transform: translate(-100%, -100%);
5907
- }
5908
- }
5909
-
5910
5914
  .auto-complete-wrapper {
5911
5915
  .auto-complete-color-set();
5912
5916
 
@@ -5995,89 +5999,13 @@ yx-axis
5995
5999
  }
5996
6000
 
5997
6001
  hr {
5998
- margin: 0;
5999
- }
6000
- }
6001
- }
6002
-
6003
- .auto-complete-suggestions-with-filters {
6004
- width: 80%;
6005
- }
6006
- }
6007
- }
6008
-
6009
- .element-loading-status {
6010
- .element-loading-status-color-set();
6011
-
6012
- position: relative;
6013
- width: 100%;
6014
- height: 100%;
6015
-
6016
- .loader-wrapper {
6017
- height: 100%;
6018
- width: 100%;
6019
- position: relative;
6020
-
6021
- .loader-text {
6022
- color: @loading-text-color;
6023
- }
6024
- }
6025
-
6026
- .loading-error {
6027
- text-align: center;
6028
- line-height: 15px;
6029
- width: 100%;
6030
- height: 100%;
6031
- position: relative;
6032
-
6033
- .sad-icon {
6034
- position: absolute;
6035
- left: 32px;
6036
- }
6037
-
6038
- .loading-error-title, .loading-error-message {
6039
- font-size: 13px;
6040
- font-weight: 700;
6041
- padding: 0 15px;
6042
- }
6043
-
6044
- .loading-error-title {
6045
- color: @loading-error-title-color;
6046
- padding-top: 15px;
6047
- }
6048
-
6049
- .refresh-page {
6050
- color: @loading-error-refresh-page-color;
6051
- text-decoration: underline;
6052
- cursor: pointer;
6053
- }
6054
- }
6055
-
6056
- // Small size status
6057
-
6058
- &.loading-status-small {
6059
- .loader-fading-circle {
6060
- width: 20px;
6061
- height: 20px;
6062
- }
6063
-
6064
- .loading-error {
6065
-
6066
- .loading-error-title, .loading-error-message {
6067
- text-overflow: ellipsis;
6068
- overflow: hidden;
6069
- padding: 0;
6070
- }
6071
-
6072
- .loading-error-title {
6073
- padding-top: 8px;
6002
+ margin: 0;
6003
+ }
6074
6004
  }
6005
+ }
6075
6006
 
6076
- .refresh-page {
6077
- overflow: hidden;
6078
- text-overflow: ellipsis;
6079
- padding: 0;
6080
- }
6007
+ .auto-complete-suggestions-with-filters {
6008
+ width: 80%;
6081
6009
  }
6082
6010
  }
6083
6011
  }
@@ -6522,6 +6450,82 @@ yx-axis
6522
6450
  }
6523
6451
  }
6524
6452
 
6453
+ .element-loading-status {
6454
+ .element-loading-status-color-set();
6455
+
6456
+ position: relative;
6457
+ width: 100%;
6458
+ height: 100%;
6459
+
6460
+ .loader-wrapper {
6461
+ height: 100%;
6462
+ width: 100%;
6463
+ position: relative;
6464
+
6465
+ .loader-text {
6466
+ color: @loading-text-color;
6467
+ }
6468
+ }
6469
+
6470
+ .loading-error {
6471
+ text-align: center;
6472
+ line-height: 15px;
6473
+ width: 100%;
6474
+ height: 100%;
6475
+ position: relative;
6476
+
6477
+ .sad-icon {
6478
+ position: absolute;
6479
+ left: 32px;
6480
+ }
6481
+
6482
+ .loading-error-title, .loading-error-message {
6483
+ font-size: 13px;
6484
+ font-weight: 700;
6485
+ padding: 0 15px;
6486
+ }
6487
+
6488
+ .loading-error-title {
6489
+ color: @loading-error-title-color;
6490
+ padding-top: 15px;
6491
+ }
6492
+
6493
+ .refresh-page {
6494
+ color: @loading-error-refresh-page-color;
6495
+ text-decoration: underline;
6496
+ cursor: pointer;
6497
+ }
6498
+ }
6499
+
6500
+ // Small size status
6501
+
6502
+ &.loading-status-small {
6503
+ .loader-fading-circle {
6504
+ width: 20px;
6505
+ height: 20px;
6506
+ }
6507
+
6508
+ .loading-error {
6509
+
6510
+ .loading-error-title, .loading-error-message {
6511
+ text-overflow: ellipsis;
6512
+ overflow: hidden;
6513
+ padding: 0;
6514
+ }
6515
+
6516
+ .loading-error-title {
6517
+ padding-top: 8px;
6518
+ }
6519
+
6520
+ .refresh-page {
6521
+ overflow: hidden;
6522
+ text-overflow: ellipsis;
6523
+ padding: 0;
6524
+ }
6525
+ }
6526
+ }
6527
+ }
6528
+
6525
6529
  .more-info-wrapper {
6526
6530
  .more-info-color-set();
6527
6531
 
@@ -7212,97 +7216,6 @@ yx-axis
7212
7216
  }
7213
7217
  }
7214
7218
  }
7215
- .igz-size {
7216
- .size-color-set();
7217
-
7218
- align-items: center;
7219
- display: flex;
7220
- justify-content: space-between;
7221
- min-height: 40px;
7222
-
7223
- &:after {
7224
- content: ' ';
7225
- display: inline-block;
7226
- vertical-align: middle;
7227
- }
7228
-
7229
- .size-value {
7230
- line-height: 1;
7231
- flex: 0 0 100px;
7232
- min-width: 100px;
7233
-
7234
- > span {
7235
- line-height: 25px;
7236
- }
7237
-
7238
- &.short {
7239
- flex: 0 0 75px;
7240
- min-width: 75px;
7241
- }
7242
-
7243
- &.shorten {
7244
- flex: 0 0 60px;
7245
- min-width: 60px;
7246
- }
7247
-
7248
- &.shortest {
7249
- flex: 0 0 40px;
7250
- min-width: 40px;
7251
- }
7252
- }
7253
-
7254
- .size-reserved {
7255
- color: @size-reserved-color;
7256
- font-size: 12px;
7257
-
7258
- .icon-font-arrow-right:before {
7259
- color: @size-reserved-arrow-right-before-color;
7260
- font-size: 10px;
7261
- padding: 0 4px 0 4px;
7262
- }
7263
-
7264
- .icon-font-infinity:before {
7265
- color: @size-reserved-infinity-before-color;
7266
- font-size: 10px;
7267
- }
7268
- }
7269
-
7270
- .size-chart {
7271
- flex: 1 1 auto;
7272
- min-width: 0;
7273
-
7274
- div.highcharts-tooltip {
7275
- position: fixed !important;
7276
-
7277
- .igz-tooltip-wrapper {
7278
- color: @size-chart-tooltip-wrapper-color;
7279
-
7280
- &.used-capacity-tooltip-wrapper {
7281
- .igz-row {
7282
- .tooltip-label,
7283
- .tooltip-value {
7284
- text-overflow: unset;
7285
- }
7286
- }
7287
- }
7288
-
7289
- .tooltip-header {
7290
- padding-bottom: 6px;
7291
- margin-bottom: 5px;
7292
- line-height: 1.1;
7293
- text-align: center;
7294
- }
7295
- }
7296
- }
7297
- }
7298
-
7299
- .igz-highcharts-wrapper {
7300
- height: 40px;
7301
- position: relative;
7302
- width: 100%;
7303
- }
7304
- }
7305
-
7306
7219
  .search-input {
7307
7220
  .search-input-color-set();
7308
7221
 
@@ -7443,53 +7356,144 @@ yx-axis
7443
7356
  align-items: center;
7444
7357
  margin-top: 9px;
7445
7358
 
7446
- .search-message {
7447
- min-height: 49px;
7448
- line-height: 49px;
7449
- width: 100%;
7450
- text-align: center;
7451
- letter-spacing: 0.1px;
7452
- border: @search-input-not-found-message-border;
7359
+ .search-message {
7360
+ min-height: 49px;
7361
+ line-height: 49px;
7362
+ width: 100%;
7363
+ text-align: center;
7364
+ letter-spacing: 0.1px;
7365
+ border: @search-input-not-found-message-border;
7366
+ }
7367
+
7368
+ .create-item-button {
7369
+ display: flex;
7370
+ align-items: center;
7371
+ padding: 0 19px 0 7px;
7372
+ margin-top: 8px;
7373
+ border-radius: 12px;
7374
+ height: 24px;
7375
+ color: @create-item-btn-color;
7376
+ font-size: 12px;
7377
+ font-weight: bold;
7378
+ cursor: pointer;
7379
+ background-color: @create-item-btn-bg-color;
7380
+ border: @create-item-btn-border;
7381
+ text-transform: uppercase;
7382
+
7383
+ &:hover {
7384
+ background-color: @create-item-btn-hover-bg-color;
7385
+ box-shadow: @create-item-btn-hover-box-shadow;
7386
+ border: @create-item-btn-hover-border;
7387
+ }
7388
+
7389
+ &:focus {
7390
+ outline: none;
7391
+ }
7392
+
7393
+ &:active {
7394
+ background-color: @create-item-btn-active-bg-color;
7395
+ box-shadow: @create-item-btn-active-box-shadow;
7396
+ border: none;
7397
+ }
7398
+
7399
+ .igz-icon-add {
7400
+ font-size: 10px;
7401
+ line-height: 15px;
7402
+ padding-right: 8px;
7403
+ }
7404
+ }
7405
+ }
7406
+ .igz-size {
7407
+ .size-color-set();
7408
+
7409
+ align-items: center;
7410
+ display: flex;
7411
+ justify-content: space-between;
7412
+ min-height: 40px;
7413
+
7414
+ &:after {
7415
+ content: ' ';
7416
+ display: inline-block;
7417
+ vertical-align: middle;
7418
+ }
7419
+
7420
+ .size-value {
7421
+ line-height: 1;
7422
+ flex: 0 0 100px;
7423
+ min-width: 100px;
7424
+
7425
+ > span {
7426
+ line-height: 25px;
7427
+ }
7428
+
7429
+ &.short {
7430
+ flex: 0 0 75px;
7431
+ min-width: 75px;
7432
+ }
7433
+
7434
+ &.shorten {
7435
+ flex: 0 0 60px;
7436
+ min-width: 60px;
7437
+ }
7438
+
7439
+ &.shortest {
7440
+ flex: 0 0 40px;
7441
+ min-width: 40px;
7442
+ }
7453
7443
  }
7454
7444
 
7455
- .create-item-button {
7456
- display: flex;
7457
- align-items: center;
7458
- padding: 0 19px 0 7px;
7459
- margin-top: 8px;
7460
- border-radius: 12px;
7461
- height: 24px;
7462
- color: @create-item-btn-color;
7445
+ .size-reserved {
7446
+ color: @size-reserved-color;
7463
7447
  font-size: 12px;
7464
- font-weight: bold;
7465
- cursor: pointer;
7466
- background-color: @create-item-btn-bg-color;
7467
- border: @create-item-btn-border;
7468
- text-transform: uppercase;
7469
7448
 
7470
- &:hover {
7471
- background-color: @create-item-btn-hover-bg-color;
7472
- box-shadow: @create-item-btn-hover-box-shadow;
7473
- border: @create-item-btn-hover-border;
7449
+ .icon-font-arrow-right:before {
7450
+ color: @size-reserved-arrow-right-before-color;
7451
+ font-size: 10px;
7452
+ padding: 0 4px 0 4px;
7474
7453
  }
7475
7454
 
7476
- &:focus {
7477
- outline: none;
7455
+ .icon-font-infinity:before {
7456
+ color: @size-reserved-infinity-before-color;
7457
+ font-size: 10px;
7478
7458
  }
7459
+ }
7479
7460
 
7480
- &:active {
7481
- background-color: @create-item-btn-active-bg-color;
7482
- box-shadow: @create-item-btn-active-box-shadow;
7483
- border: none;
7484
- }
7461
+ .size-chart {
7462
+ flex: 1 1 auto;
7463
+ min-width: 0;
7485
7464
 
7486
- .igz-icon-add {
7487
- font-size: 10px;
7488
- line-height: 15px;
7489
- padding-right: 8px;
7465
+ div.highcharts-tooltip {
7466
+ position: fixed !important;
7467
+
7468
+ .igz-tooltip-wrapper {
7469
+ color: @size-chart-tooltip-wrapper-color;
7470
+
7471
+ &.used-capacity-tooltip-wrapper {
7472
+ .igz-row {
7473
+ .tooltip-label,
7474
+ .tooltip-value {
7475
+ text-overflow: unset;
7476
+ }
7477
+ }
7478
+ }
7479
+
7480
+ .tooltip-header {
7481
+ padding-bottom: 6px;
7482
+ margin-bottom: 5px;
7483
+ line-height: 1.1;
7484
+ text-align: center;
7485
+ }
7486
+ }
7490
7487
  }
7491
7488
  }
7489
+
7490
+ .igz-highcharts-wrapper {
7491
+ height: 40px;
7492
+ position: relative;
7493
+ width: 100%;
7494
+ }
7492
7495
  }
7496
+
7493
7497
  .igz-slider-input-block {
7494
7498
  .igz-slider-input-block-color-set();
7495
7499
 
@@ -7619,83 +7623,6 @@ yx-axis
7619
7623
  }
7620
7624
  }
7621
7625
 
7622
- .ngdialog.text-edit {
7623
- .text-edit-color-set();
7624
-
7625
- .ngdialog-content {
7626
- padding: 0;
7627
- width: 1000px;
7628
- height: 678px;
7629
-
7630
- .text-preview-directive-wrapper {
7631
- .title {
7632
- margin: 25px 0 0 24px;
7633
- padding: 0 70px 0 0;
7634
- }
7635
-
7636
- .close-button {
7637
- position: absolute;
7638
- top: 24px;
7639
- right: 24px;
7640
- font-size: 18px;
7641
- color: @close-btn-color;
7642
- }
7643
-
7644
- .buttons {
7645
- margin-right: 24px;
7646
- }
7647
-
7648
- .text-preview-wrapper {
7649
- background-color: @text-preview-wrapper-bg-color;
7650
- border-top: @text-preview-wrapper-border-top;
7651
- border-bottom: @text-preview-wrapper-border-bottom;
7652
- border-radius: 2px;
7653
- margin-bottom: 16px;
7654
- padding: 15px 22px 17px;
7655
- min-width: 690px;
7656
- height: 550px;
7657
-
7658
- .text-preview-container {
7659
- width: 100%;
7660
- line-height: 1.9;
7661
- text-align: left;
7662
- padding-right: 22px;
7663
- font-size: 13px;
7664
- color: @text-preview-container-color;
7665
- resize: none;
7666
- overflow: hidden;
7667
- border-color: @text-preview-container-border-color;
7668
- background-color: @text-preview-container-bg-color;
7669
- cursor: text;
7670
- }
7671
-
7672
- .text-preview-container:focus {
7673
- outline: 0;
7674
- }
7675
-
7676
- .word-wrap-checkbox-wrapper {
7677
- width: 100%;
7678
- display: flex;
7679
- justify-content: flex-end;
7680
-
7681
- .col-checkbox {
7682
- line-height: normal;
7683
- height: 25px;
7684
-
7685
- label:before {
7686
- font-size: 16px;
7687
- }
7688
- }
7689
- }
7690
- }
7691
- }
7692
- }
7693
-
7694
- .ncl-monaco {
7695
- height: 500px;
7696
- }
7697
- }
7698
-
7699
7626
  .splash-screen {
7700
7627
  .splash-screen-color-set();
7701
7628
 
@@ -7803,6 +7730,83 @@ yx-axis
7803
7730
  }
7804
7731
  }
7805
7732
  }
7733
+ .ngdialog.text-edit {
7734
+ .text-edit-color-set();
7735
+
7736
+ .ngdialog-content {
7737
+ padding: 0;
7738
+ width: 1000px;
7739
+ height: 678px;
7740
+
7741
+ .text-preview-directive-wrapper {
7742
+ .title {
7743
+ margin: 25px 0 0 24px;
7744
+ padding: 0 70px 0 0;
7745
+ }
7746
+
7747
+ .close-button {
7748
+ position: absolute;
7749
+ top: 24px;
7750
+ right: 24px;
7751
+ font-size: 18px;
7752
+ color: @close-btn-color;
7753
+ }
7754
+
7755
+ .buttons {
7756
+ margin-right: 24px;
7757
+ }
7758
+
7759
+ .text-preview-wrapper {
7760
+ background-color: @text-preview-wrapper-bg-color;
7761
+ border-top: @text-preview-wrapper-border-top;
7762
+ border-bottom: @text-preview-wrapper-border-bottom;
7763
+ border-radius: 2px;
7764
+ margin-bottom: 16px;
7765
+ padding: 15px 22px 17px;
7766
+ min-width: 690px;
7767
+ height: 550px;
7768
+
7769
+ .text-preview-container {
7770
+ width: 100%;
7771
+ line-height: 1.9;
7772
+ text-align: left;
7773
+ padding-right: 22px;
7774
+ font-size: 13px;
7775
+ color: @text-preview-container-color;
7776
+ resize: none;
7777
+ overflow: hidden;
7778
+ border-color: @text-preview-container-border-color;
7779
+ background-color: @text-preview-container-bg-color;
7780
+ cursor: text;
7781
+ }
7782
+
7783
+ .text-preview-container:focus {
7784
+ outline: 0;
7785
+ }
7786
+
7787
+ .word-wrap-checkbox-wrapper {
7788
+ width: 100%;
7789
+ display: flex;
7790
+ justify-content: flex-end;
7791
+
7792
+ .col-checkbox {
7793
+ line-height: normal;
7794
+ height: 25px;
7795
+
7796
+ label:before {
7797
+ font-size: 16px;
7798
+ }
7799
+ }
7800
+ }
7801
+ }
7802
+ }
7803
+ }
7804
+
7805
+ .ncl-monaco {
7806
+ height: 500px;
7807
+ }
7808
+ }
7809
+
7806
7810
  .toast-status-panel {
7807
7811
  .toast-status-panel-color-set();
7808
7812
 
@@ -8817,31 +8821,16 @@ body {
8817
8821
 
8818
8822
  .field-label.function-name-label,
8819
8823
  .field-input.function-name-input {
8820
- width: 100%;
8821
- }
8822
-
8823
- .field-input.function-name-input {
8824
- .error {
8825
- top: 38px;
8826
- }
8827
- }
8828
- }
8829
- }
8830
- }
8831
-
8832
- .override-function-dialog {
8833
- .sub-title {
8834
- font-size: 16px;
8835
- color: @silver-chalice-two;
8836
- }
8837
-
8838
- .buttons {
8839
- display: flex;
8824
+ width: 100%;
8825
+ }
8840
8826
 
8841
- .function-redirect-button {
8842
- margin-right: auto;
8827
+ .field-input.function-name-input {
8828
+ .error {
8829
+ top: 38px;
8830
+ }
8831
+ }
8832
+ }
8843
8833
  }
8844
- }
8845
8834
  }
8846
8835
 
8847
8836
  .ncl-function-collapsing-row {
@@ -8978,6 +8967,21 @@ body {
8978
8967
  }
8979
8968
  }
8980
8969
 
8970
+ .override-function-dialog {
8971
+ .sub-title {
8972
+ font-size: 16px;
8973
+ color: @silver-chalice-two;
8974
+ }
8975
+
8976
+ .buttons {
8977
+ display: flex;
8978
+
8979
+ .function-redirect-button {
8980
+ margin-right: auto;
8981
+ }
8982
+ }
8983
+ }
8984
+
8981
8985
  .ncl-edit-version {
8982
8986
  background: #f2f2f6;
8983
8987
  position: relative;
@@ -9308,128 +9312,6 @@ body {
9308
9312
  }
9309
9313
  }
9310
9314
 
9311
- .igz-info-page-content-wrapper {
9312
- .info-page-content-color-set();
9313
-
9314
- position: absolute;
9315
- top: 56px;
9316
- right: 0;
9317
- bottom: 0;
9318
- left: 0;
9319
- padding-top: 0;
9320
- transition: @igz-basic-transition;
9321
- background-color: @page-content-bg-color;
9322
-
9323
- &.upper-pane-opened {
9324
- top: 216px;
9325
- }
9326
-
9327
- &.filters-opened {
9328
- right: 377px;
9329
- }
9330
-
9331
- &.info-pane-opened {
9332
- right: 379px;
9333
- }
9334
-
9335
- .igz-info-page-content {
9336
- min-width: 946px;
9337
- max-width: 100%;
9338
- padding: 40px 25px;
9339
- }
9340
- }
9341
-
9342
- igz-info-page-actions-bar {
9343
- .igz-info-page-actions-bar .actions-content-block {
9344
- margin-left: 14px;
9345
- }
9346
- }
9347
-
9348
- igz-info-page-content {
9349
- .info-page-content-color-set();
9350
-
9351
- .container-data-access-policy-table, .data-lifecycle-table {
9352
- &.common-table {
9353
- .common-table-header {
9354
- position: relative;
9355
- height: 49px;
9356
- line-height: 48px;
9357
-
9358
- .common-table-cell {
9359
- margin-top: -1px;
9360
- height: 49px;
9361
-
9362
- &.selected {
9363
- background-color: @common-table-cell-selected-bg-color;
9364
- border: @common-table-cell-selected-border;
9365
- }
9366
-
9367
- &:last-child {
9368
- margin-right: 0;
9369
- }
9370
-
9371
- &.actions-menu {
9372
- width: 0;
9373
- }
9374
-
9375
- &.check-all-rows {
9376
- padding-left: 30px;
9377
-
9378
- .action-checkbox-all {
9379
- padding-top: 2px;
9380
- }
9381
- }
9382
- }
9383
-
9384
- .common-table-cells-container {
9385
- margin-right: 45px;
9386
-
9387
- .common-table-cell {
9388
- height: 49px;
9389
- padding: 0 15px;
9390
- border-right: @common-table-cell-border-right;
9391
-
9392
- &:first-child {
9393
- padding-left: 7px;
9394
- }
9395
- }
9396
- }
9397
- }
9398
-
9399
- .common-table-body {
9400
- margin-top: 7px;
9401
-
9402
- .common-table-cell {
9403
- &.actions-menu {
9404
- width: 45px;
9405
- }
9406
- }
9407
- }
9408
-
9409
- .data-access-policy-layers, .data-lifecycle-layers {
9410
- &:last-child {
9411
- margin-bottom: 20px;
9412
- }
9413
- }
9414
- }
9415
-
9416
- .sortable-empty {
9417
- background-color: @sortable-empty-bg-color;
9418
- color: @sortable-empty-color;
9419
- font-size: 14px;
9420
- font-weight: 400;
9421
- font-family: 'Open Sans', sans-serif;
9422
- border-bottom: @sortable-empty-border;
9423
- border-left: @sortable-empty-border;
9424
- border-right: @sortable-empty-border;
9425
- padding-left: 70px;
9426
- height: 40px;
9427
- line-height: 38px;
9428
- }
9429
- }
9430
- }
9431
-
9432
-
9433
9315
  .info-page-filters-bookmark {
9434
9316
  .info-page-filters-color-set();
9435
9317
 
@@ -9752,24 +9634,146 @@ igz-info-page-content {
9752
9634
  }
9753
9635
  }
9754
9636
  }
9755
- }
9756
- }
9637
+ }
9638
+ }
9639
+
9640
+ .info-page-filters-footer {
9641
+ display: flex;
9642
+ justify-content: flex-end;
9643
+ position: absolute;
9644
+ height: 70px;
9645
+ padding: 16px 18px;
9646
+ bottom: 0;
9647
+ width: 100%;
9648
+
9649
+ button:not(:first-child) {
9650
+ margin-left: 5px;
9651
+ }
9652
+ }
9653
+ }
9654
+
9655
+ .igz-info-page-content-wrapper {
9656
+ .info-page-content-color-set();
9657
+
9658
+ position: absolute;
9659
+ top: 56px;
9660
+ right: 0;
9661
+ bottom: 0;
9662
+ left: 0;
9663
+ padding-top: 0;
9664
+ transition: @igz-basic-transition;
9665
+ background-color: @page-content-bg-color;
9666
+
9667
+ &.upper-pane-opened {
9668
+ top: 216px;
9669
+ }
9670
+
9671
+ &.filters-opened {
9672
+ right: 377px;
9673
+ }
9674
+
9675
+ &.info-pane-opened {
9676
+ right: 379px;
9677
+ }
9678
+
9679
+ .igz-info-page-content {
9680
+ min-width: 946px;
9681
+ max-width: 100%;
9682
+ padding: 40px 25px;
9683
+ }
9684
+ }
9685
+
9686
+ igz-info-page-actions-bar {
9687
+ .igz-info-page-actions-bar .actions-content-block {
9688
+ margin-left: 14px;
9689
+ }
9690
+ }
9691
+
9692
+ igz-info-page-content {
9693
+ .info-page-content-color-set();
9694
+
9695
+ .container-data-access-policy-table, .data-lifecycle-table {
9696
+ &.common-table {
9697
+ .common-table-header {
9698
+ position: relative;
9699
+ height: 49px;
9700
+ line-height: 48px;
9701
+
9702
+ .common-table-cell {
9703
+ margin-top: -1px;
9704
+ height: 49px;
9705
+
9706
+ &.selected {
9707
+ background-color: @common-table-cell-selected-bg-color;
9708
+ border: @common-table-cell-selected-border;
9709
+ }
9710
+
9711
+ &:last-child {
9712
+ margin-right: 0;
9713
+ }
9714
+
9715
+ &.actions-menu {
9716
+ width: 0;
9717
+ }
9718
+
9719
+ &.check-all-rows {
9720
+ padding-left: 30px;
9721
+
9722
+ .action-checkbox-all {
9723
+ padding-top: 2px;
9724
+ }
9725
+ }
9726
+ }
9727
+
9728
+ .common-table-cells-container {
9729
+ margin-right: 45px;
9730
+
9731
+ .common-table-cell {
9732
+ height: 49px;
9733
+ padding: 0 15px;
9734
+ border-right: @common-table-cell-border-right;
9735
+
9736
+ &:first-child {
9737
+ padding-left: 7px;
9738
+ }
9739
+ }
9740
+ }
9741
+ }
9742
+
9743
+ .common-table-body {
9744
+ margin-top: 7px;
9745
+
9746
+ .common-table-cell {
9747
+ &.actions-menu {
9748
+ width: 45px;
9749
+ }
9750
+ }
9751
+ }
9757
9752
 
9758
- .info-page-filters-footer {
9759
- display: flex;
9760
- justify-content: flex-end;
9761
- position: absolute;
9762
- height: 70px;
9763
- padding: 16px 18px;
9764
- bottom: 0;
9765
- width: 100%;
9753
+ .data-access-policy-layers, .data-lifecycle-layers {
9754
+ &:last-child {
9755
+ margin-bottom: 20px;
9756
+ }
9757
+ }
9758
+ }
9766
9759
 
9767
- button:not(:first-child) {
9768
- margin-left: 5px;
9760
+ .sortable-empty {
9761
+ background-color: @sortable-empty-bg-color;
9762
+ color: @sortable-empty-color;
9763
+ font-size: 14px;
9764
+ font-weight: 400;
9765
+ font-family: 'Open Sans', sans-serif;
9766
+ border-bottom: @sortable-empty-border;
9767
+ border-left: @sortable-empty-border;
9768
+ border-right: @sortable-empty-border;
9769
+ padding-left: 70px;
9770
+ height: 40px;
9771
+ line-height: 38px;
9769
9772
  }
9770
9773
  }
9771
9774
  }
9772
9775
 
9776
+
9773
9777
  ncl-breadcrumbs {
9774
9778
  .main-header-title {
9775
9779
  &:not(.disable-behavior) {
@@ -10678,6 +10682,72 @@ ncl-navigation-tabs {
10678
10682
  display: none;
10679
10683
  }
10680
10684
  }
10685
+ .ncl-function-version-row {
10686
+ .actions-menu {
10687
+ visibility: hidden;
10688
+ }
10689
+
10690
+ &.common-table-row {
10691
+ height: 49px;
10692
+
10693
+ &:hover {
10694
+ igz-action-checkbox:not(.invisible) {
10695
+ visibility: visible;
10696
+ }
10697
+
10698
+ .actions-menu {
10699
+ visibility: visible;
10700
+ }
10701
+
10702
+ .check-row {
10703
+ background-color: @pale-grey-three;
10704
+ }
10705
+ }
10706
+
10707
+ igz-action-checkbox {
10708
+ visibility: hidden;
10709
+
10710
+ &.visible {
10711
+ visibility: visible;
10712
+ }
10713
+ }
10714
+
10715
+ .common-table-cells-container {
10716
+ cursor: pointer;
10717
+
10718
+ .common-table-cell {
10719
+ .status-icon {
10720
+ display: flex;
10721
+ font-size: 20px;
10722
+ cursor: pointer;
10723
+ margin-left: 9px;
10724
+ .duskThree(0.64);
10725
+ color: @color;
10726
+ }
10727
+
10728
+ .common-table-cell-content {
10729
+ width: 100%;
10730
+ white-space: nowrap;
10731
+ overflow: hidden;
10732
+ text-overflow: ellipsis;
10733
+ min-width: 0;
10734
+ }
10735
+
10736
+ .igz-action-panel {
10737
+ &.invocation-tooltip {
10738
+ height: 36px;
10739
+ width: 56px;
10740
+ }
10741
+ }
10742
+ }
10743
+
10744
+ .function-status {
10745
+ min-width: 100px;
10746
+ }
10747
+ }
10748
+ }
10749
+ }
10750
+
10681
10751
  .new-function-wrapper {
10682
10752
  .ncl-new-function-color-set();
10683
10753
 
@@ -10835,72 +10905,6 @@ ncl-navigation-tabs {
10835
10905
  }
10836
10906
  }
10837
10907
 
10838
- .ncl-function-version-row {
10839
- .actions-menu {
10840
- visibility: hidden;
10841
- }
10842
-
10843
- &.common-table-row {
10844
- height: 49px;
10845
-
10846
- &:hover {
10847
- igz-action-checkbox:not(.invisible) {
10848
- visibility: visible;
10849
- }
10850
-
10851
- .actions-menu {
10852
- visibility: visible;
10853
- }
10854
-
10855
- .check-row {
10856
- background-color: @pale-grey-three;
10857
- }
10858
- }
10859
-
10860
- igz-action-checkbox {
10861
- visibility: hidden;
10862
-
10863
- &.visible {
10864
- visibility: visible;
10865
- }
10866
- }
10867
-
10868
- .common-table-cells-container {
10869
- cursor: pointer;
10870
-
10871
- .common-table-cell {
10872
- .status-icon {
10873
- display: flex;
10874
- font-size: 20px;
10875
- cursor: pointer;
10876
- margin-left: 9px;
10877
- .duskThree(0.64);
10878
- color: @color;
10879
- }
10880
-
10881
- .common-table-cell-content {
10882
- width: 100%;
10883
- white-space: nowrap;
10884
- overflow: hidden;
10885
- text-overflow: ellipsis;
10886
- min-width: 0;
10887
- }
10888
-
10889
- .igz-action-panel {
10890
- &.invocation-tooltip {
10891
- height: 36px;
10892
- width: 56px;
10893
- }
10894
- }
10895
- }
10896
-
10897
- .function-status {
10898
- min-width: 100px;
10899
- }
10900
- }
10901
- }
10902
- }
10903
-
10904
10908
  .function-event-wrapper {
10905
10909
  width: 600px;
10906
10910
  margin-bottom: -23px;
@@ -11783,104 +11787,34 @@ ncl-navigation-tabs {
11783
11787
  width: 100%;
11784
11788
  min-height: 169px;
11785
11789
  padding: 24px;
11786
- background-color: @white;
11787
- border-radius: 2px;
11788
- z-index: 1;
11789
-
11790
- .function-template-content {
11791
- color: @dusk-three;
11792
-
11793
- .template-title {
11794
- font-size: 18px;
11795
- font-weight: bold;
11796
- width: 100%;
11797
- margin-bottom: 15px;
11798
- }
11799
-
11800
- .template-description {
11801
- width: 100%;
11802
- max-height: 62px;
11803
- font-size: 14px;
11804
- overflow: hidden;
11805
- }
11806
-
11807
- .template-read-more {
11808
- color: @greyish-purple;
11809
- font-style: italic;
11810
- }
11811
- }
11812
- }
11813
- }
11814
- }
11815
- }
11816
- }
11817
- }
11818
-
11819
- .function-import-wrapper-content {
11820
- font-family: @font-family-sans-serif;
11821
- padding-left: 3%;
11822
- width: 96%;
11823
-
11824
- .function-import-form {
11825
- display: flex;
11826
- align-items: flex-end;
11827
- margin-bottom: 10px;
11828
-
11829
- .projects-drop-down {
11830
- margin-right: 48px;
11831
-
11832
- .input-label {
11833
- font-size: 14px;
11834
- font-weight: 600;
11835
- color: @dusk-three;
11836
- }
11837
-
11838
- igz-default-dropdown {
11839
- .default-dropdown {
11840
- background-color: @white;
11841
-
11842
- .default-dropdown-field {
11843
- &:focus {
11844
- background-color: inherit;
11845
- }
11846
- }
11847
- }
11848
- }
11849
- }
11850
-
11851
- .function-import-actions-bar {
11852
- display: flex;
11853
-
11854
- .function-import-file-picker {
11855
- .file-picker-wrapper {
11856
- margin: 0;
11857
- line-height: 34px;
11858
-
11859
- .igz-icon-upload {
11860
- margin-right: 10px;
11861
- }
11862
- }
11863
-
11864
- .function-import-input {
11865
- opacity: 0;
11866
- position: absolute;
11867
- z-index: -1;
11868
- }
11869
- }
11870
- }
11871
- }
11790
+ background-color: @white;
11791
+ border-radius: 2px;
11792
+ z-index: 1;
11872
11793
 
11873
- .splash-screen {
11874
- top: 0;
11875
- }
11794
+ .function-template-content {
11795
+ color: @dusk-three;
11876
11796
 
11877
- .function-import-monaco {
11878
- .ncl-monaco {
11879
- height: 370px;
11880
- width: 100%;
11797
+ .template-title {
11798
+ font-size: 18px;
11799
+ font-weight: bold;
11800
+ width: 100%;
11801
+ margin-bottom: 15px;
11802
+ }
11881
11803
 
11882
- .monaco-code-editor {
11883
- height: 100%;
11804
+ .template-description {
11805
+ width: 100%;
11806
+ max-height: 62px;
11807
+ font-size: 14px;
11808
+ overflow: hidden;
11809
+ }
11810
+
11811
+ .template-read-more {
11812
+ color: @greyish-purple;
11813
+ font-style: italic;
11814
+ }
11815
+ }
11816
+ }
11817
+ }
11884
11818
  }
11885
11819
  }
11886
11820
  }
@@ -12203,355 +12137,684 @@ ncl-navigation-tabs {
12203
12137
  border-bottom: 1px solid @pale-grey;
12204
12138
  padding: 0 24px;
12205
12139
 
12206
- .default-dropdown {
12207
- width: 97px;
12140
+ .default-dropdown {
12141
+ width: 97px;
12142
+
12143
+ .default-dropdown-field {
12144
+ border: none;
12145
+ }
12146
+
12147
+ .default-dropdown-container {
12148
+ z-index: 3;
12149
+ }
12150
+ }
12151
+ }
12152
+
12153
+ .main-block {
12154
+ .upload-file-section {
12155
+ height: 128px;
12156
+ padding: 8px;
12157
+
12158
+ &.uploaded {
12159
+ background-color: @white;
12160
+ }
12161
+
12162
+ .drop-section {
12163
+ display: flex;
12164
+ align-items: center;
12165
+ justify-content: center;
12166
+ height: 100%;
12167
+ width: 100%;
12168
+ border: 2px dashed @silver;
12169
+ color: @silver;
12170
+ font-size: 16px;
12171
+ font-weight: bold;
12172
+
12173
+ &.uploaded {
12174
+ align-items: start;
12175
+ border: none;
12176
+ }
12177
+
12178
+ .drop-message {
12179
+ width: 110px;
12180
+ text-align: center;
12181
+
12182
+ .ncl-icon-drop-file {
12183
+ color: @silver;
12184
+ font-size: 40px;
12185
+ height: 50px;
12186
+ }
12187
+
12188
+ &.uploading {
12189
+ width: 100%;
12190
+
12191
+ .ncl-icon-drop-file {
12192
+ height: 40px;
12193
+ }
12194
+
12195
+ .progress {
12196
+ overflow: hidden;
12197
+ height: 4px;
12198
+ width: 205px;
12199
+ background-color: @pale-grey;
12200
+ border-radius: 2px;
12201
+ margin: 9px auto 14px;
12202
+
12203
+ .progress-bar {
12204
+ background-color: @dark-sky-blue;
12205
+ }
12206
+ }
12207
+ }
12208
+
12209
+ &.uploaded {
12210
+ width: 100%;
12211
+ }
12212
+
12213
+ .browse {
12214
+ color: @dark-sky-blue;
12215
+ cursor: pointer;
12216
+ }
12217
+
12218
+ .file-name {
12219
+ margin-top: 11px;
12220
+ }
12221
+
12222
+ .file-name, .file {
12223
+ font-weight: normal;
12224
+ color: @dusk-three;
12225
+ font-size: 14px;
12226
+
12227
+ .size {
12228
+ color: @dark-greyish-blue;
12229
+ }
12230
+ }
12231
+
12232
+ .file {
12233
+ display: flex;
12234
+ align-items: center;
12235
+ position: relative;
12236
+ margin: 25px 0 0 41px;
12237
+ width: 344px;
12238
+ height: 32px;
12239
+ background-color: @light-grayish-blue;
12240
+ border: solid 1px @pale-grey;
12241
+
12242
+ .ncl-icon-file {
12243
+ font-size: 20px;
12244
+ margin: 0 9px 0 11px;
12245
+ color: @greyish-purple;
12246
+ }
12247
+
12248
+ .name {
12249
+ display: inline-block;
12250
+ vertical-align: top;
12251
+ max-width: 210px;
12252
+ text-align: left;
12253
+ }
12254
+
12255
+ .igz-icon-close {
12256
+ position: absolute;
12257
+ color: @dusk-three;
12258
+ right: 9px;
12259
+ top: 9px;
12260
+ font-size: 10px;
12261
+ cursor: pointer;
12262
+ }
12263
+ }
12264
+ }
12265
+ }
12266
+ }
12267
+
12268
+ .code-edit-section {
12269
+ height: 208px;
12270
+
12271
+ .monaco-code-editor {
12272
+ width: 97%;
12273
+
12274
+ .ncl-monaco {
12275
+ height: 100%;
12276
+
12277
+ > div {
12278
+ border: none;
12279
+ }
12280
+ }
12281
+ }
12282
+ }
12283
+ }
12284
+
12285
+ .headers {
12286
+ background-color: @white;
12287
+ padding: 22px 17px;
12288
+
12289
+ .create-header-button {
12290
+ .igz-icon-add-round {
12291
+ margin: 3px 19px 0 5px;
12292
+ font-size: 20px;
12293
+ }
12294
+ }
12295
+
12296
+ .key-header {
12297
+ width: 56%;
12298
+ margin-left: 44px;
12299
+ }
12300
+
12301
+ .table-body {
12302
+ margin-bottom: 0;
12303
+
12304
+ &:not(:last-child) {
12305
+ .input-wrapper {
12306
+ border-bottom: none;
12307
+ }
12308
+ }
12309
+
12310
+ .input-wrapper {
12311
+ border: 1px solid @pale-grey;
12312
+
12313
+ .input-key-wrapper {
12314
+ border-left: 1px solid @pale-grey;
12315
+ border-right: 1px solid @pale-grey
12316
+ }
12317
+
12318
+ .input-field {
12319
+ &:not(.invalid):not(:focus) {
12320
+ border-color: transparent;
12321
+ }
12322
+ }
12323
+
12324
+ .igz-action-item {
12325
+ height: 36px;
12326
+ width: 36px;
12327
+ }
12328
+ }
12329
+ }
12330
+
12331
+ .create-header-button {
12332
+ margin-top: 0;
12333
+ }
12334
+ }
12335
+ }
12336
+
12337
+ .response-section {
12338
+ .response-header {
12339
+ display: flex;
12340
+ align-items: center;
12341
+ justify-content: space-between;
12342
+ background-color: @pale-grey-three;
12343
+ height: 39px;
12344
+
12345
+ .left-side-elements {
12346
+ font-size: 16px;
12347
+ font-weight: bold;
12348
+ color: @dusk-three;
12349
+ margin-left: 40px;
12350
+ }
12351
+
12352
+ .right-side-elements {
12353
+ display: flex;
12354
+ font-size: 14px;
12355
+ color: @dusk-three;
12356
+
12357
+ .status {
12358
+ display: inline-block;
12359
+ max-width: 200px;
12360
+ width: initial;
12361
+ vertical-align: top;
12362
+ margin-left: 4px;
12363
+
12364
+ &.success {
12365
+ color: @tealish;
12366
+ }
12208
12367
 
12209
- .default-dropdown-field {
12210
- border: none;
12368
+ &.fail {
12369
+ color: @darkish-pink
12370
+ }
12211
12371
  }
12212
12372
 
12213
- .default-dropdown-container {
12214
- z-index: 3;
12373
+ > div {
12374
+ margin-right: 25px;
12375
+
12376
+ > span {
12377
+ margin-left: 4px;
12378
+
12379
+ &.time, &.size {
12380
+ color: @dark-sky-blue;
12381
+ }
12382
+ }
12215
12383
  }
12216
12384
  }
12217
12385
  }
12218
12386
 
12219
- .main-block {
12220
- .upload-file-section {
12221
- height: 128px;
12222
- padding: 8px;
12387
+ .body {
12388
+ display: flex;
12389
+ background-color: @white;
12390
+ align-items: flex-start;
12391
+ justify-content: center;
12223
12392
 
12224
- &.uploaded {
12225
- background-color: @white;
12226
- }
12393
+ .code-section {
12394
+ width: 100%;
12227
12395
 
12228
- .drop-section {
12396
+ .actions-list {
12229
12397
  display: flex;
12398
+ justify-content: flex-end;
12230
12399
  align-items: center;
12231
- justify-content: center;
12232
- height: 100%;
12400
+ height: 54px;
12401
+ margin-right: 18px;
12402
+ }
12403
+
12404
+ .code-edit-section {
12405
+ height: 300px;
12233
12406
  width: 100%;
12234
- border: 2px dashed @silver;
12235
- color: @silver;
12236
- font-size: 16px;
12237
- font-weight: bold;
12238
12407
 
12239
- &.uploaded {
12240
- align-items: start;
12241
- border: none;
12242
- }
12408
+ .monaco-code-editor {
12409
+ width: 97%;
12243
12410
 
12244
- .drop-message {
12245
- width: 110px;
12246
- text-align: center;
12411
+ .ncl-monaco {
12412
+ height: 100%;
12247
12413
 
12248
- .ncl-icon-drop-file {
12249
- color: @silver;
12250
- font-size: 40px;
12251
- height: 50px;
12414
+ > div {
12415
+ border: none;
12416
+ }
12252
12417
  }
12418
+ }
12419
+ }
12420
+ }
12253
12421
 
12254
- &.uploading {
12255
- width: 100%;
12422
+ .image-section {
12423
+ text-align: center;
12256
12424
 
12257
- .ncl-icon-drop-file {
12258
- height: 40px;
12259
- }
12425
+ img {
12426
+ width: 100%;
12427
+ }
12428
+ }
12260
12429
 
12261
- .progress {
12262
- overflow: hidden;
12263
- height: 4px;
12264
- width: 205px;
12265
- background-color: @pale-grey;
12266
- border-radius: 2px;
12267
- margin: 9px auto 14px;
12430
+ .no-content-section {
12431
+ margin: 10px auto;
12432
+ font-size: 14px;
12433
+ color: @pale-grey;
12434
+ text-align: center;
12435
+ }
12268
12436
 
12269
- .progress-bar {
12270
- background-color: @dark-sky-blue;
12271
- }
12272
- }
12273
- }
12437
+ .testing {
12438
+ margin: 80px 0;
12439
+ text-align: center;
12440
+ font-size: 14px;
12441
+ color: @greyish-purple;
12274
12442
 
12275
- &.uploaded {
12276
- width: 100%;
12277
- }
12443
+ .loader-wrapper {
12444
+ margin: 20px 0;
12445
+ }
12446
+ }
12278
12447
 
12279
- .browse {
12280
- color: @dark-sky-blue;
12281
- cursor: pointer;
12282
- }
12448
+ .no-response {
12449
+ margin: 80px 0;
12450
+ text-align: center;
12283
12451
 
12284
- .file-name {
12285
- margin-top: 11px;
12286
- }
12452
+ .circle {
12453
+ position: relative;
12454
+ background-color: @pale-grey-two;
12455
+ height: 130px;
12456
+ width: 130px;
12457
+ border-radius: 50%;
12458
+ margin: 0 auto;
12287
12459
 
12288
- .file-name, .file {
12289
- font-weight: normal;
12290
- color: @dusk-three;
12291
- font-size: 14px;
12460
+ .ncl-icon-test {
12461
+ position: absolute;
12462
+ top: 12px;
12463
+ left: 31px;
12464
+ color: @dark-sky-blue;
12465
+ font-size: 43px;
12466
+ }
12292
12467
 
12293
- .size {
12294
- color: @dark-greyish-blue;
12295
- }
12296
- }
12468
+ .ncl-icon-hand {
12469
+ position: absolute;
12470
+ top: 47px;
12471
+ left: 42px;
12472
+ color: .greyishPurple(0.64)[@color];
12473
+ font-size: 58px;
12474
+ }
12475
+ }
12297
12476
 
12298
- .file {
12299
- display: flex;
12300
- align-items: center;
12301
- position: relative;
12302
- margin: 25px 0 0 41px;
12303
- width: 344px;
12304
- height: 32px;
12305
- background-color: @light-grayish-blue;
12306
- border: solid 1px @pale-grey;
12477
+ .message {
12478
+ margin-top: 14px;
12479
+ width: 245px;
12480
+ font-size: 16px;
12481
+ color: @greyish-purple;
12482
+ line-height: 1.5;
12483
+ }
12484
+ }
12485
+ }
12307
12486
 
12308
- .ncl-icon-file {
12309
- font-size: 20px;
12310
- margin: 0 9px 0 11px;
12311
- color: @greyish-purple;
12312
- }
12487
+ .headers {
12488
+ padding: 28px 41px;
12313
12489
 
12314
- .name {
12315
- display: inline-block;
12316
- vertical-align: top;
12317
- max-width: 210px;
12318
- text-align: left;
12319
- }
12490
+ > div {
12491
+ display: flex;
12492
+ line-height: 2;
12320
12493
 
12321
- .igz-icon-close {
12322
- position: absolute;
12323
- color: @dusk-three;
12324
- right: 9px;
12325
- top: 9px;
12326
- font-size: 10px;
12327
- cursor: pointer;
12328
- }
12329
- }
12330
- }
12494
+ .labels {
12495
+ color: @greyish-purple;
12496
+ font-size: 14px;
12497
+ width: 43%;
12498
+ }
12499
+
12500
+ .values {
12501
+ color: @dusk-three;
12502
+ font-size: 14px;
12503
+ width: 57%;
12331
12504
  }
12332
12505
  }
12506
+ }
12507
+ }
12508
+ }
12509
+ }
12333
12510
 
12334
- .code-edit-section {
12335
- height: 208px;
12511
+ .function-import-wrapper-content {
12512
+ font-family: @font-family-sans-serif;
12513
+ padding-left: 3%;
12514
+ width: 96%;
12336
12515
 
12337
- .monaco-code-editor {
12338
- width: 97%;
12516
+ .function-import-form {
12517
+ display: flex;
12518
+ align-items: flex-end;
12519
+ margin-bottom: 10px;
12339
12520
 
12340
- .ncl-monaco {
12341
- height: 100%;
12521
+ .projects-drop-down {
12522
+ margin-right: 48px;
12342
12523
 
12343
- > div {
12344
- border: none;
12345
- }
12524
+ .input-label {
12525
+ font-size: 14px;
12526
+ font-weight: 600;
12527
+ color: @dusk-three;
12528
+ }
12529
+
12530
+ igz-default-dropdown {
12531
+ .default-dropdown {
12532
+ background-color: @white;
12533
+
12534
+ .default-dropdown-field {
12535
+ &:focus {
12536
+ background-color: inherit;
12346
12537
  }
12347
12538
  }
12348
12539
  }
12349
12540
  }
12541
+ }
12350
12542
 
12351
- .headers {
12352
- background-color: @white;
12353
- padding: 22px 17px;
12543
+ .function-import-actions-bar {
12544
+ display: flex;
12545
+
12546
+ .function-import-file-picker {
12547
+ .file-picker-wrapper {
12548
+ margin: 0;
12549
+ line-height: 34px;
12354
12550
 
12355
- .create-header-button {
12356
- .igz-icon-add-round {
12357
- margin: 3px 19px 0 5px;
12358
- font-size: 20px;
12551
+ .igz-icon-upload {
12552
+ margin-right: 10px;
12359
12553
  }
12360
12554
  }
12361
12555
 
12362
- .key-header {
12363
- width: 56%;
12364
- margin-left: 44px;
12556
+ .function-import-input {
12557
+ opacity: 0;
12558
+ position: absolute;
12559
+ z-index: -1;
12365
12560
  }
12561
+ }
12562
+ }
12563
+ }
12366
12564
 
12367
- .table-body {
12368
- margin-bottom: 0;
12565
+ .splash-screen {
12566
+ top: 0;
12567
+ }
12369
12568
 
12370
- &:not(:last-child) {
12371
- .input-wrapper {
12372
- border-bottom: none;
12373
- }
12374
- }
12569
+ .function-import-monaco {
12570
+ .ncl-monaco {
12571
+ height: 370px;
12572
+ width: 100%;
12375
12573
 
12376
- .input-wrapper {
12377
- border: 1px solid @pale-grey;
12574
+ .monaco-code-editor {
12575
+ height: 100%;
12576
+ }
12577
+ }
12578
+ }
12579
+ }
12378
12580
 
12379
- .input-key-wrapper {
12380
- border-left: 1px solid @pale-grey;
12381
- border-right: 1px solid @pale-grey
12382
- }
12581
+ .function-from-template-dialog-wrapper {
12582
+ .title {
12583
+ font-size: 20px;
12584
+ font-weight: 500;
12585
+ text-align: left;
12586
+ color: @dusk-three;
12587
+ }
12383
12588
 
12384
- .input-field {
12385
- &:not(.invalid):not(:focus) {
12386
- border-color: transparent;
12387
- }
12388
- }
12589
+ .main-content {
12590
+ width: 500px;
12591
+ max-height: 500px;
12389
12592
 
12390
- .igz-action-item {
12391
- height: 36px;
12392
- width: 36px;
12393
- }
12394
- }
12593
+ form {
12594
+ margin: 0 20px 0 0;
12595
+
12596
+ .field-label {
12597
+ font-size: 14px;
12598
+ text-align: left;
12599
+ color: @dusk-three;
12600
+ }
12601
+
12602
+ .validating-input-field {
12603
+ .input-field {
12604
+ padding: 0 10px 0 17px;
12395
12605
  }
12396
12606
 
12397
- .create-header-button {
12398
- margin-top: 0;
12607
+ .input-placeholder {
12608
+ left: 18px;
12609
+ font-style: italic;
12610
+ font-size: 14px;
12399
12611
  }
12400
12612
  }
12401
12613
  }
12614
+ }
12615
+ }
12402
12616
 
12403
- .response-section {
12404
- .response-header {
12405
- display: flex;
12406
- align-items: center;
12407
- justify-content: space-between;
12408
- background-color: @pale-grey-three;
12409
- height: 39px;
12617
+ .ncl-test-events-logs {
12618
+ padding: 6px 17px 25px;
12619
+ background-color: @white;
12410
12620
 
12411
- .left-side-elements {
12412
- font-size: 16px;
12413
- font-weight: bold;
12414
- color: @dusk-three;
12415
- margin-left: 40px;
12416
- }
12621
+ .functional-buttons {
12622
+ .duskThree(0.64);
12623
+ display: flex;
12624
+ justify-content: flex-end;
12625
+ color: @color;
12626
+ font-size: 16px;
12417
12627
 
12418
- .right-side-elements {
12419
- display: flex;
12420
- font-size: 14px;
12421
- color: @dusk-three;
12628
+ > div {
12629
+ margin-right: 24px;
12422
12630
 
12423
- .status {
12424
- display: inline-block;
12425
- max-width: 200px;
12426
- width: initial;
12427
- vertical-align: top;
12428
- margin-left: 4px;
12631
+ &:hover {
12632
+ color: @dusk-three;
12633
+ }
12634
+ }
12635
+ }
12429
12636
 
12430
- &.success {
12431
- color: @tealish;
12432
- }
12637
+ .collapsed-row {
12638
+ .black(0.2);
12639
+ display: flex;
12640
+ align-items: center;
12641
+ position: relative;
12642
+ height: 36px;
12643
+ background-color: @white;
12644
+ color: @dusk-three;
12645
+ box-shadow: 1.7px 1.1px 4px 0 @color;
12646
+ border: solid 1px @pale-grey;
12647
+ margin-bottom: 10px;
12433
12648
 
12434
- &.fail {
12435
- color: @darkish-pink
12436
- }
12437
- }
12649
+ .igz-icon-right {
12650
+ .duskThree(0.64);
12651
+ font-size: 12px;
12652
+ color: @color;
12653
+ margin: 0 8px 0 12px;
12438
12654
 
12439
- > div {
12440
- margin-right: 25px;
12655
+ &::before {
12656
+ vertical-align: text-bottom;
12657
+ }
12658
+ }
12441
12659
 
12442
- > span {
12443
- margin-left: 4px;
12660
+ .level-icon {
12661
+ display: inline-block;
12662
+ margin-right: 8px;
12663
+ width: 20px;
12664
+ text-align: center;
12444
12665
 
12445
- &.time, &.size {
12446
- color: @dark-sky-blue;
12447
- }
12448
- }
12449
- }
12666
+ &::before {
12667
+ font-size: 16px;
12668
+ vertical-align: text-bottom;
12669
+ }
12670
+
12671
+ &.ncl-icon-debug {
12672
+ color: @orangish;
12673
+
12674
+ &::before {
12675
+ font-size: 18px;
12450
12676
  }
12451
12677
  }
12452
12678
 
12453
- .body {
12454
- display: flex;
12455
- background-color: @white;
12456
- align-items: flex-start;
12457
- justify-content: center;
12679
+ &.igz-icon-info-round {
12680
+ color: @orangish;
12681
+ }
12458
12682
 
12459
- .code-section {
12460
- width: 100%;
12683
+ &.igz-icon-warning {
12684
+ color: @orangish;
12685
+ }
12461
12686
 
12462
- .actions-list {
12463
- display: flex;
12464
- justify-content: flex-end;
12465
- align-items: center;
12466
- height: 54px;
12467
- margin-right: 18px;
12468
- }
12687
+ &.igz-icon-cancel-path {
12688
+ color: @orangish;
12689
+ }
12690
+ }
12469
12691
 
12470
- .code-edit-section {
12471
- height: 300px;
12472
- width: 100%;
12692
+ .date {
12693
+ display: inline-block;
12694
+ width: 230px;
12695
+ font-size: 14px;
12696
+ font-weight: bold;
12697
+ margin-right: 15px;
12698
+ }
12473
12699
 
12474
- .monaco-code-editor {
12475
- width: 97%;
12700
+ .message {
12701
+ display: inline-block;
12702
+ width: 200px;
12703
+ margin-right: 30px;
12704
+ }
12476
12705
 
12477
- .ncl-monaco {
12478
- height: 100%;
12706
+ .ncl-icon-parameters {
12707
+ .duskThree(0.64);
12708
+ color: @color;
12709
+ font-size: 14px;
12710
+ position: absolute;
12711
+ top: 9px;
12712
+ right: 9px;
12713
+ }
12714
+ }
12479
12715
 
12480
- > div {
12481
- border: none;
12482
- }
12483
- }
12484
- }
12485
- }
12716
+ .expanded-row {
12717
+ background-color: @white;
12718
+ color: @dusk-three;
12719
+ border: solid 1px @pale-grey;
12720
+ margin-bottom: 10px;
12721
+
12722
+ .header {
12723
+ position: relative;
12724
+ display: flex;
12725
+ align-items: center;
12726
+ height: 34px;
12727
+
12728
+ .igz-icon-down {
12729
+ .duskThree(0.64);
12730
+ font-size: 12px;
12731
+ color: @color;
12732
+ margin: 0 8px 0 12px;
12733
+
12734
+ &::before {
12735
+ vertical-align: text-bottom;
12736
+ }
12737
+ }
12738
+
12739
+ .level-icon {
12740
+ display: inline-block;
12741
+ margin-right: 8px;
12742
+ width: 20px;
12743
+ text-align: center;
12744
+
12745
+ &::before {
12746
+ font-size: 16px;
12747
+ vertical-align: text-bottom;
12486
12748
  }
12487
12749
 
12488
- .image-section {
12489
- text-align: center;
12750
+ &.ncl-icon-debug {
12751
+ color: @orangish;
12490
12752
 
12491
- img {
12492
- width: 100%;
12753
+ &::before {
12754
+ font-size: 18px;
12493
12755
  }
12494
12756
  }
12495
12757
 
12496
- .no-content-section {
12497
- margin: 10px auto;
12498
- font-size: 14px;
12499
- color: @pale-grey;
12500
- text-align: center;
12758
+ &.igz-icon-info-round {
12759
+ color: @orangish;
12501
12760
  }
12502
12761
 
12503
- .testing {
12504
- margin: 80px 0;
12505
- text-align: center;
12506
- font-size: 14px;
12507
- color: @greyish-purple;
12762
+ &.igz-icon-warning {
12763
+ color: @orangish;
12764
+ }
12508
12765
 
12509
- .loader-wrapper {
12510
- margin: 20px 0;
12511
- }
12766
+ &.igz-icon-cancel-path {
12767
+ color: @orangish;
12512
12768
  }
12769
+ }
12513
12770
 
12514
- .no-response {
12515
- margin: 80px 0;
12516
- text-align: center;
12771
+ .date {
12772
+ display: inline-block;
12773
+ width: 230px;
12774
+ font-size: 14px;
12775
+ font-weight: bold;
12776
+ margin-right: 15px;
12777
+ }
12517
12778
 
12518
- .circle {
12519
- position: relative;
12520
- background-color: @pale-grey-two;
12521
- height: 130px;
12522
- width: 130px;
12523
- border-radius: 50%;
12524
- margin: 0 auto;
12779
+ .ncl-icon-parameters {
12780
+ .duskThree(0.64);
12781
+ position: absolute;
12782
+ top: 9px;
12783
+ right: 9px;
12784
+ color: @color;
12785
+ font-size: 14px;
12786
+ }
12787
+ }
12525
12788
 
12526
- .ncl-icon-test {
12527
- position: absolute;
12528
- top: 12px;
12529
- left: 31px;
12530
- color: @dark-sky-blue;
12531
- font-size: 43px;
12532
- }
12789
+ .expanded-body {
12790
+ font-size: 14px;
12791
+ color: @dusk-three;
12533
12792
 
12534
- .ncl-icon-hand {
12535
- position: absolute;
12536
- top: 47px;
12537
- left: 42px;
12538
- color: .greyishPurple(0.64)[@color];
12539
- font-size: 58px;
12540
- }
12541
- }
12793
+ .error {
12794
+ width: 71%;
12795
+ border-radius: 3px;
12796
+ background-color: #fbe5e8;
12797
+ border: solid 1px @darkish-pink;
12798
+ color: @darkish-pink;
12799
+ word-wrap: break-word;
12800
+ margin-left: 62px;
12801
+ padding: 12px;
12802
+ margin-bottom: 16px;
12803
+ }
12542
12804
 
12543
- .message {
12544
- margin-top: 14px;
12545
- width: 245px;
12546
- font-size: 16px;
12547
- color: @greyish-purple;
12548
- line-height: 1.5;
12549
- }
12550
- }
12805
+ .message {
12806
+ display: inline-block;
12807
+ width: 70%;
12808
+ word-wrap: break-word;
12809
+ margin: 0 0 16px 62px;
12551
12810
  }
12552
12811
 
12553
- .headers {
12554
- padding: 28px 41px;
12812
+ .parameters {
12813
+ padding: 0 62px 16px;
12814
+
12815
+ .parameters-header {
12816
+ font-weight: bold;
12817
+ }
12555
12818
 
12556
12819
  > div {
12557
12820
  display: flex;
@@ -12560,56 +12823,26 @@ ncl-navigation-tabs {
12560
12823
  .labels {
12561
12824
  color: @greyish-purple;
12562
12825
  font-size: 14px;
12563
- width: 43%;
12826
+ width: 30%;
12564
12827
  }
12565
12828
 
12566
12829
  .values {
12567
12830
  color: @dusk-three;
12568
12831
  font-size: 14px;
12569
- width: 57%;
12832
+ width: 70%;
12570
12833
  }
12571
12834
  }
12572
12835
  }
12573
12836
  }
12574
12837
  }
12575
- }
12576
-
12577
- .function-from-template-dialog-wrapper {
12578
- .title {
12579
- font-size: 20px;
12580
- font-weight: 500;
12581
- text-align: left;
12582
- color: @dusk-three;
12583
- }
12584
-
12585
- .main-content {
12586
- width: 500px;
12587
- max-height: 500px;
12588
12838
 
12589
- form {
12590
- margin: 0 20px 0 0;
12591
-
12592
- .field-label {
12593
- font-size: 14px;
12594
- text-align: left;
12595
- color: @dusk-three;
12596
- }
12597
-
12598
- .validating-input-field {
12599
- .input-field {
12600
- padding: 0 10px 0 17px;
12601
- }
12602
-
12603
- .input-placeholder {
12604
- left: 18px;
12605
- font-style: italic;
12606
- font-size: 14px;
12607
- }
12608
- }
12609
- }
12839
+ .no-logs {
12840
+ margin: 10px auto 0;
12841
+ font-size: 14px;
12842
+ color: @pale-grey;
12843
+ text-align: center;
12610
12844
  }
12611
12845
  }
12612
-
12613
12846
  .ncl-test-events-navigation-tabs {
12614
12847
  display: flex;
12615
12848
  background: #f8f8fb;
@@ -12675,235 +12908,102 @@ ncl-navigation-tabs {
12675
12908
  }
12676
12909
  }
12677
12910
 
12678
- .ncl-test-events-logs {
12679
- padding: 6px 17px 25px;
12680
- background-color: @white;
12681
-
12682
- .functional-buttons {
12683
- .duskThree(0.64);
12684
- display: flex;
12685
- justify-content: flex-end;
12686
- color: @color;
12687
- font-size: 16px;
12688
-
12689
- > div {
12690
- margin-right: 24px;
12691
-
12692
- &:hover {
12693
- color: @dusk-three;
12694
- }
12695
- }
12696
- }
12911
+ @desktop: 1350px;
12912
+ @desktop-low: 1202px;
12913
+ @desktop-middle: 1550px;
12697
12914
 
12698
- .collapsed-row {
12699
- .black(0.2);
12915
+ .ncl-version-configuration-basic-settings {
12916
+ .row {
12700
12917
  display: flex;
12701
- align-items: center;
12702
- position: relative;
12703
- height: 36px;
12704
- background-color: @white;
12705
- color: @dusk-three;
12706
- box-shadow: 1.7px 1.1px 4px 0 @color;
12707
- border: solid 1px @pale-grey;
12708
- margin-bottom: 10px;
12709
-
12710
- .igz-icon-right {
12711
- .duskThree(0.64);
12712
- font-size: 12px;
12713
- color: @color;
12714
- margin: 0 8px 0 12px;
12715
-
12716
- &::before {
12717
- vertical-align: text-bottom;
12718
- }
12719
- }
12720
-
12721
- .level-icon {
12722
- display: inline-block;
12723
- margin-right: 8px;
12724
- width: 20px;
12725
- text-align: center;
12726
-
12727
- &::before {
12728
- font-size: 16px;
12729
- vertical-align: text-bottom;
12730
- }
12731
-
12732
- &.ncl-icon-debug {
12733
- color: @orangish;
12734
-
12735
- &::before {
12736
- font-size: 18px;
12737
- }
12738
- }
12739
-
12740
- &.igz-icon-info-round {
12741
- color: @orangish;
12742
- }
12743
-
12744
- &.igz-icon-warning {
12745
- color: @orangish;
12746
- }
12747
-
12748
- &.igz-icon-cancel-path {
12749
- color: @orangish;
12750
- }
12751
- }
12752
-
12753
- .date {
12754
- display: inline-block;
12755
- width: 230px;
12756
- font-size: 14px;
12757
- font-weight: bold;
12758
- margin-right: 15px;
12759
- }
12760
-
12761
- .message {
12762
- display: inline-block;
12763
- width: 200px;
12764
- margin-right: 30px;
12765
- }
12918
+ justify-content: space-between;
12766
12919
 
12767
- .ncl-icon-parameters {
12768
- .duskThree(0.64);
12769
- color: @color;
12770
- font-size: 14px;
12771
- position: absolute;
12772
- top: 9px;
12773
- right: 9px;
12920
+ &:not(:last-child) {
12921
+ margin-bottom: 23px;
12774
12922
  }
12775
- }
12776
12923
 
12777
- .expanded-row {
12778
- background-color: @white;
12779
- color: @dusk-three;
12780
- border: solid 1px @pale-grey;
12781
- margin-bottom: 10px;
12924
+ &:last-child {
12925
+ margin-bottom: 4px;
12926
+ }
12782
12927
 
12783
- .header {
12784
- position: relative;
12785
- display: flex;
12786
- align-items: center;
12787
- height: 34px;
12928
+ &.enable-checkbox {
12929
+ justify-content: flex-start;
12930
+ margin-bottom: 18px;
12931
+ }
12788
12932
 
12789
- .igz-icon-down {
12790
- .duskThree(0.64);
12791
- font-size: 12px;
12792
- color: @color;
12793
- margin: 0 8px 0 12px;
12933
+ > div {
12934
+ flex: 1;
12794
12935
 
12795
- &::before {
12796
- vertical-align: text-bottom;
12797
- }
12936
+ &:not(:last-child) {
12937
+ margin-right: 46px;
12798
12938
  }
12799
12939
 
12800
- .level-icon {
12801
- display: inline-block;
12802
- margin-right: 8px;
12803
- width: 20px;
12804
- text-align: center;
12805
-
12806
- &::before {
12807
- font-size: 16px;
12808
- vertical-align: text-bottom;
12809
- }
12810
-
12811
- &.ncl-icon-debug {
12812
- color: @orangish;
12940
+ .label {
12941
+ padding: 0;
12942
+ margin-bottom: 5px;
12943
+ }
12813
12944
 
12814
- &::before {
12815
- font-size: 18px;
12816
- }
12945
+ &.timeout-block {
12946
+ .label {
12947
+ margin-bottom: 3px;
12817
12948
  }
12818
12949
 
12819
- &.igz-icon-info-round {
12820
- color: @orangish;
12821
- }
12950
+ .timeout-values {
12951
+ margin-left: 27px;
12822
12952
 
12823
- &.igz-icon-warning {
12824
- color: @orangish;
12825
- }
12953
+ .inputs {
12954
+ display: flex;
12955
+ align-items: center;
12826
12956
 
12827
- &.igz-icon-cancel-path {
12828
- color: @orangish;
12957
+ .values-label {
12958
+ .duskThree(0.9);
12959
+ margin: 0 17px 0 8px;
12960
+ font-size: 14px;
12961
+ font-weight: normal;
12962
+ font-style: normal;
12963
+ letter-spacing: normal;
12964
+ text-align: left;
12965
+ color: @color;
12966
+ }
12967
+ }
12829
12968
  }
12830
12969
  }
12831
-
12832
- .date {
12833
- display: inline-block;
12834
- width: 230px;
12835
- font-size: 14px;
12836
- font-weight: bold;
12837
- margin-right: 15px;
12838
- }
12839
-
12840
- .ncl-icon-parameters {
12841
- .duskThree(0.64);
12842
- position: absolute;
12843
- top: 9px;
12844
- right: 9px;
12845
- color: @color;
12846
- font-size: 14px;
12847
- }
12848
12970
  }
12849
12971
 
12850
- .expanded-body {
12851
- font-size: 14px;
12852
- color: @dusk-three;
12972
+ .logger-block {
12973
+ display: flex;
12974
+ margin-top: 3px;
12853
12975
 
12854
- .error {
12855
- width: 71%;
12856
- border-radius: 3px;
12857
- background-color: #fbe5e8;
12858
- border: solid 1px @darkish-pink;
12859
- color: @darkish-pink;
12860
- word-wrap: break-word;
12861
- margin-left: 62px;
12862
- padding: 12px;
12863
- margin-bottom: 16px;
12864
- }
12976
+ .logger-dropdown {
12977
+ .default-dropdown {
12978
+ position: relative;
12979
+ height: 36px;
12865
12980
 
12866
- .message {
12867
- display: inline-block;
12868
- width: 70%;
12869
- word-wrap: break-word;
12870
- margin: 0 0 16px 62px;
12981
+ .dropdown-overlap {
12982
+ z-index: 100;
12983
+ }
12984
+ }
12871
12985
  }
12872
12986
 
12873
- .parameters {
12874
- padding: 0 62px 16px;
12987
+ > div {
12988
+ flex: 1;
12875
12989
 
12876
- .parameters-header {
12877
- font-weight: bold;
12990
+ &:not(:last-child) {
12991
+ margin-right: 16px;
12878
12992
  }
12879
12993
 
12880
- > div {
12881
- display: flex;
12882
- line-height: 2;
12883
-
12884
- .labels {
12885
- color: @greyish-purple;
12886
- font-size: 14px;
12887
- width: 30%;
12888
- }
12994
+ .label {
12995
+ padding: 0;
12996
+ margin-bottom: 5px;
12997
+ }
12889
12998
 
12890
- .values {
12891
- color: @dusk-three;
12892
- font-size: 14px;
12893
- width: 70%;
12894
- }
12999
+ &.logger-input {
13000
+ flex-grow: 1.95;
12895
13001
  }
12896
13002
  }
12897
13003
  }
12898
13004
  }
12899
-
12900
- .no-logs {
12901
- margin: 10px auto 0;
12902
- font-size: 14px;
12903
- color: @pale-grey;
12904
- text-align: center;
12905
- }
12906
13005
  }
13006
+
12907
13007
  .ncl-version-configuration-build {
12908
13008
  &.disabled {
12909
13009
  opacity: .5;
@@ -13143,102 +13243,6 @@ ncl-navigation-tabs {
13143
13243
  }
13144
13244
  }
13145
13245
 
13146
- @desktop: 1350px;
13147
- @desktop-low: 1202px;
13148
- @desktop-middle: 1550px;
13149
-
13150
- .ncl-version-configuration-basic-settings {
13151
- .row {
13152
- display: flex;
13153
- justify-content: space-between;
13154
-
13155
- &:not(:last-child) {
13156
- margin-bottom: 23px;
13157
- }
13158
-
13159
- &:last-child {
13160
- margin-bottom: 4px;
13161
- }
13162
-
13163
- &.enable-checkbox {
13164
- justify-content: flex-start;
13165
- margin-bottom: 18px;
13166
- }
13167
-
13168
- > div {
13169
- flex: 1;
13170
-
13171
- &:not(:last-child) {
13172
- margin-right: 46px;
13173
- }
13174
-
13175
- .label {
13176
- padding: 0;
13177
- margin-bottom: 5px;
13178
- }
13179
-
13180
- &.timeout-block {
13181
- .label {
13182
- margin-bottom: 3px;
13183
- }
13184
-
13185
- .timeout-values {
13186
- margin-left: 27px;
13187
-
13188
- .inputs {
13189
- display: flex;
13190
- align-items: center;
13191
-
13192
- .values-label {
13193
- .duskThree(0.9);
13194
- margin: 0 17px 0 8px;
13195
- font-size: 14px;
13196
- font-weight: normal;
13197
- font-style: normal;
13198
- letter-spacing: normal;
13199
- text-align: left;
13200
- color: @color;
13201
- }
13202
- }
13203
- }
13204
- }
13205
- }
13206
-
13207
- .logger-block {
13208
- display: flex;
13209
- margin-top: 3px;
13210
-
13211
- .logger-dropdown {
13212
- .default-dropdown {
13213
- position: relative;
13214
- height: 36px;
13215
-
13216
- .dropdown-overlap {
13217
- z-index: 100;
13218
- }
13219
- }
13220
- }
13221
-
13222
- > div {
13223
- flex: 1;
13224
-
13225
- &:not(:last-child) {
13226
- margin-right: 16px;
13227
- }
13228
-
13229
- .label {
13230
- padding: 0;
13231
- margin-bottom: 5px;
13232
- }
13233
-
13234
- &.logger-input {
13235
- flex-grow: 1.95;
13236
- }
13237
- }
13238
- }
13239
- }
13240
- }
13241
-
13242
13246
  .ncl-version-configuration-logging {
13243
13247
  .row {
13244
13248
  display: flex;