iguazio.dashboard-controls 1.0.14-3.6.2 → 1.0.16-3.6.2

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 (10) hide show
  1. package/dist/i18n/en/common.json +2 -1
  2. package/dist/images/ic-alert-message.svg +1 -1
  3. package/dist/images/oops.png +0 -0
  4. package/dist/images/shape.svg +1 -1
  5. package/dist/js/iguazio.dashboard-controls.js +8143 -8187
  6. package/dist/less/iguazio.dashboard-controls.less +1934 -1934
  7. package/package.json +1 -1
  8. package/src/i18n/en/common.json +2 -1
  9. package/src/nuclio/common/screens/create-function/function-from-scratch/function-from-scratch.component.js +0 -14
  10. package/src/nuclio/common/screens/create-function/function-from-template/function-from-template.component.js +0 -14
package/dist/less/iguazio.dashboard-controls.less CHANGED
@@ -3809,27 +3809,6 @@ ncl-functions {
3809
3809
  display: none;
3810
3810
  }
3811
3811
 
3812
- .action-checkbox {
3813
- .action-checkbox-color-set();
3814
-
3815
- line-height: 16px;
3816
- text-align: center;
3817
-
3818
- .check-item {
3819
- font-size: 16px;
3820
- cursor: pointer;
3821
- line-height: 1;
3822
- vertical-align: middle;
3823
-
3824
- &.igz-icon-checkbox-unchecked {
3825
- color: @icon-checkbox-unchecked;
3826
- }
3827
-
3828
- &.igz-icon-checkbox-checked {
3829
- color: @icon-checkbox-checked;
3830
- }
3831
- }
3832
- }
3833
3812
  /*
3834
3813
  == malihu jquery custom scrollbar plugin ==
3835
3814
  Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
@@ -5727,6 +5706,27 @@ yx-axis
5727
5706
  }
5728
5707
  }
5729
5708
 
5709
+ .action-checkbox {
5710
+ .action-checkbox-color-set();
5711
+
5712
+ line-height: 16px;
5713
+ text-align: center;
5714
+
5715
+ .check-item {
5716
+ font-size: 16px;
5717
+ cursor: pointer;
5718
+ line-height: 1;
5719
+ vertical-align: middle;
5720
+
5721
+ &.igz-icon-checkbox-unchecked {
5722
+ color: @icon-checkbox-unchecked;
5723
+ }
5724
+
5725
+ &.igz-icon-checkbox-checked {
5726
+ color: @icon-checkbox-checked;
5727
+ }
5728
+ }
5729
+ }
5730
5730
  .igz-action-panel {
5731
5731
  .action-panel-color-set();
5732
5732
  .action-icon-color-set();
@@ -6552,198 +6552,6 @@ yx-axis
6552
6552
  }
6553
6553
  }
6554
6554
 
6555
- .igz-multiple-checkboxes {
6556
- .multiple-checkboxes-color-set();
6557
-
6558
- .igz-multiple-checkboxes-list {
6559
- list-style-type: none;
6560
- -webkit-margin-before: 0;
6561
- -webkit-margin-after: 0;
6562
- -webkit-padding-start: 0;
6563
- margin: 0;
6564
- padding: 0;
6565
-
6566
- .multiple-checkboxes-option {
6567
- display: flex;
6568
- margin: 5px 0;
6569
-
6570
- .more-info-wrapper {
6571
- height: auto;
6572
-
6573
- .igz-icon-help-round {
6574
- font-size: 14px;
6575
- }
6576
- }
6577
- }
6578
- }
6579
-
6580
- .checkboxes-dropdown-field {
6581
- border: @checkboxes-dropdown-field-border;
6582
- border-radius: 2px;
6583
- height: 100%;
6584
- color: @checkboxes-dropdown-field-border;
6585
- cursor: pointer;
6586
- outline: none;
6587
- font-family: @font-family-sans-serif;
6588
- margin-top: 0;
6589
- display: flex;
6590
- align-items: center;
6591
- justify-content: space-between;
6592
-
6593
- &.opened {
6594
- background-color: @checkboxes-dropdown-field-opened-bg-color;
6595
- }
6596
-
6597
- .checkboxes-dropdown-title {
6598
- font-size: 12px;
6599
- font-weight: 500;
6600
- text-transform: uppercase;
6601
- }
6602
- }
6603
-
6604
- .checkboxes-dropdown-container {
6605
- background-color: @checkboxes-dropdown-container-bg-color;
6606
- border-radius: 2px;
6607
- box-shadow: @checkboxes-dropdown-container-box-shadow;
6608
- color: @checkboxes-dropdown-container-color;
6609
- overflow: hidden;
6610
- position: absolute;
6611
- z-index: 1000;
6612
- min-width: 236px;
6613
- height: 100%;
6614
- margin-top: 2px;
6615
- margin-bottom: 2px;
6616
- padding: 8px 0;
6617
-
6618
- .checkboxes-dropdown-scrollbar-container {
6619
- padding-bottom: 36px;
6620
- height: 100%;
6621
-
6622
- .search-input-wrapper {
6623
- .checkboxes-search-input {
6624
- .validating-input-field {
6625
- height: 32px;
6626
- width: 100%;
6627
- color: @checkboxes-search-input-color;
6628
- outline: none;
6629
- border: @checkboxes-search-input-border;
6630
- border-radius: 2px;
6631
- margin-bottom: 12px;
6632
-
6633
- &.active {
6634
- color: @dusk-three;
6635
- border: @checkboxes-search-input-active-border;
6636
- }
6637
-
6638
- .input-field {
6639
- height: 30px;
6640
- border: none;
6641
- padding: 0 9px;
6642
-
6643
- &:focus {
6644
- border: none;
6645
- }
6646
- }
6647
-
6648
- .input-icon {
6649
- left: unset;
6650
- right: 8px;
6651
- top: 0;
6652
- }
6653
- }
6654
- }
6655
- }
6656
-
6657
- .checkboxes-groups-wrapper {
6658
- .checkboxes-groups {
6659
- .checkboxes-list {
6660
- padding: 0;
6661
- margin: 0;
6662
- }
6663
- }
6664
-
6665
- .checkboxes-groups:not(:first-child) {
6666
- padding-top: 10px;
6667
- }
6668
-
6669
- .checkboxes-groups:not(:last-child) {
6670
- padding-bottom: 10px;
6671
- border-bottom: @checkboxes-group-border-bottom;
6672
- }
6673
- }
6674
-
6675
- .search-input-wrapper,
6676
- .checkboxes-header,
6677
- .checkboxes-groups,
6678
- .checkboxes-regular-list {
6679
- padding: 0 8px;
6680
- }
6681
- }
6682
-
6683
- .checkboxes-bottom-bar {
6684
- display: flex;
6685
- position: sticky;
6686
- justify-content: flex-end;
6687
- padding: 4px 8px 0;
6688
- bottom: 0;
6689
-
6690
- button:not(:first-child) {
6691
- margin-left: 8px;
6692
- }
6693
- }
6694
- }
6695
-
6696
- .group-title {
6697
- display: flex;
6698
- justify-content: space-between;
6699
-
6700
- .checkboxes-group-name {
6701
- width: 100%;
6702
- margin-left: 9px;
6703
- color: @checkboxes-group-name-color;
6704
- font-weight: 500;
6705
- text-align: left;
6706
- }
6707
-
6708
- .checkboxes-add-item {
6709
- .checkboxes-add-item-button {
6710
- font-size: 12px;
6711
- font-weight: 500;
6712
- display: inline-block;
6713
- vertical-align: top;
6714
- position: relative;
6715
- color: @checkboxes-add-item-btn-color;
6716
- text-transform: uppercase;
6717
- line-height: initial;
6718
- background-color: transparent;
6719
- border: none;
6720
- outline: none;
6721
- }
6722
- }
6723
- }
6724
-
6725
- .master-checkbox {
6726
- cursor: pointer;
6727
- color: @master-checkbox-color;
6728
- font-size: 16px;
6729
- line-height: 1;
6730
- vertical-align: middle;
6731
-
6732
- &.igz-icon-checkbox-checked {
6733
- color: @master-checkbox-checked-color;
6734
- }
6735
- }
6736
-
6737
- .checkboxes-list {
6738
- list-style-type: none;
6739
-
6740
- .multiple-checkboxes-option {
6741
- color: @checkboxes-list-option-color;
6742
- margin: 5px 0;
6743
- }
6744
- }
6745
- }
6746
-
6747
6555
  .more-info-wrapper {
6748
6556
  .more-info-color-set();
6749
6557
 
@@ -6903,63 +6711,24 @@ yx-axis
6903
6711
  }
6904
6712
  }
6905
6713
 
6906
- .igz-navigation-tabs {
6907
- .navigation-tabs-color-set();
6714
+ .igz-number-input {
6715
+ .number-input-color-set();
6908
6716
 
6909
- background-color: @navigation-tabs-bg-color;
6910
- height: 56px;
6911
- padding-top: 7px;
6912
-
6913
- .navigation-tab {
6914
- float: left;
6915
- height: 32px;
6916
- padding: 15px 24px 0;
6917
- font-family: @font-family-sans-serif;
6918
- color: @navigation-tab-color;
6919
- font-size: 14px;
6920
- text-align: center;
6921
- cursor: pointer;
6922
- border-bottom: @navigation-tab-border-bottom;
6923
- box-sizing: content-box;
6924
-
6925
- &.active, &.active:hover {
6926
- background-color: @navigation-tab-active-hover-bg-color;
6927
- color: @navigation-tab-active-hover-color;
6928
- border-bottom: @navigation-tab-active-hover-border-bottom;
6929
- }
6930
-
6931
- &:hover {
6932
- background-color: @navigation-tab-hover-bg-color;
6933
- }
6934
-
6935
- &.active {
6936
- background-color: @navigation-tab-active-bg-color;
6937
- }
6938
-
6939
- @media screen and (max-width: 940px) {
6940
- padding: 15px 12px 0;
6941
- }
6942
- }
6943
- }
6944
-
6945
- .igz-number-input {
6946
- .number-input-color-set();
6947
-
6948
- min-width: 115px;
6949
- font-family: @font-family-sans-serif;
6950
- font-size: 14px;
6951
- font-weight: 400;
6952
- height: 36px;
6953
- position: relative;
6954
- background-color: @number-input-bg-color;
6955
- border: @number-input-border;
6956
- border-radius: 2px;
6957
- color: @number-input-color;
6958
- display: flex;
6959
- justify-content: flex-start;
6960
- align-items: center;
6961
- padding: 0 10px 0 11px;
6962
- z-index: 3;
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;
6963
6732
 
6964
6733
  &:not(.disabled) {
6965
6734
  &:focus.ng-invalid:not(.ng-pristine), &.ng-invalid.ng-touched {
@@ -7095,120 +6864,351 @@ yx-axis
7095
6864
  }
7096
6865
  }
7097
6866
 
7098
- .igz-pagination {
7099
- .pagination-color-set();
7100
-
7101
- float: right;
7102
- padding: 24px 36px 5px 30px;
7103
-
7104
- > div {
7105
- vertical-align: top;
7106
- }
6867
+ .igz-navigation-tabs {
6868
+ .navigation-tabs-color-set();
7107
6869
 
7108
- .rows-title, .per-page, .jump-to-page, .to-page-prev, .to-page-next {
7109
- display: inline-block;
7110
- vertical-align: baseline;
7111
- }
6870
+ background-color: @navigation-tabs-bg-color;
6871
+ height: 56px;
6872
+ padding-top: 7px;
7112
6873
 
7113
- .rows-title {
7114
- font-size: 13px;
7115
- color: @rows-title-color;
6874
+ .navigation-tab {
6875
+ float: left;
6876
+ height: 32px;
6877
+ padding: 15px 24px 0;
7116
6878
  font-family: @font-family-sans-serif;
7117
- }
6879
+ color: @navigation-tab-color;
6880
+ font-size: 14px;
6881
+ text-align: center;
6882
+ cursor: pointer;
6883
+ border-bottom: @navigation-tab-border-bottom;
6884
+ box-sizing: content-box;
7118
6885
 
7119
- .per-page {
7120
- width: 66px;
6886
+ &.active, &.active:hover {
6887
+ background-color: @navigation-tab-active-hover-bg-color;
6888
+ color: @navigation-tab-active-hover-color;
6889
+ border-bottom: @navigation-tab-active-hover-border-bottom;
6890
+ }
7121
6891
 
7122
- .default-dropdown-field {
7123
- background: none;
7124
- border: none;
7125
- box-shadow: none;
7126
- font-size: 14px;
7127
- height: 36px;
6892
+ &:hover {
6893
+ background-color: @navigation-tab-hover-bg-color;
6894
+ }
7128
6895
 
7129
- .dropdown-selected-item {
7130
- font-size: 14px;
7131
- }
6896
+ &.active {
6897
+ background-color: @navigation-tab-active-bg-color;
6898
+ }
7132
6899
 
7133
- .dropdown-arrow {
7134
- margin-top: 5px;
6900
+ @media screen and (max-width: 940px) {
6901
+ padding: 15px 12px 0;
6902
+ }
6903
+ }
6904
+ }
7135
6905
 
7136
- span {
7137
- font-size: 12px;
7138
- }
7139
- }
6906
+ .igz-multiple-checkboxes {
6907
+ .multiple-checkboxes-color-set();
7140
6908
 
7141
- .dropdown-arrow {
7142
- border: none;
6909
+ .igz-multiple-checkboxes-list {
6910
+ list-style-type: none;
6911
+ -webkit-margin-before: 0;
6912
+ -webkit-margin-after: 0;
6913
+ -webkit-padding-start: 0;
6914
+ margin: 0;
6915
+ padding: 0;
7143
6916
 
7144
- &:hover, &:active {
7145
- border: none;
7146
- background: none;
7147
- box-shadow: none;
7148
- }
7149
- }
6917
+ .multiple-checkboxes-option {
6918
+ display: flex;
6919
+ margin: 5px 0;
7150
6920
 
7151
- &:focus {
7152
- .dropdown-selected-item {
7153
- border: none;
6921
+ .more-info-wrapper {
6922
+ height: auto;
6923
+
6924
+ .igz-icon-help-round {
6925
+ font-size: 14px;
7154
6926
  }
7155
6927
  }
7156
6928
  }
6929
+ }
7157
6930
 
7158
- .default-dropdown-container {
7159
- width: 66px;
6931
+ .checkboxes-dropdown-field {
6932
+ border: @checkboxes-dropdown-field-border;
6933
+ border-radius: 2px;
6934
+ height: 100%;
6935
+ color: @checkboxes-dropdown-field-border;
6936
+ cursor: pointer;
6937
+ outline: none;
6938
+ font-family: @font-family-sans-serif;
6939
+ margin-top: 0;
6940
+ display: flex;
6941
+ align-items: center;
6942
+ justify-content: space-between;
7160
6943
 
7161
- .list-item {
7162
- padding-left: 15px;
6944
+ &.opened {
6945
+ background-color: @checkboxes-dropdown-field-opened-bg-color;
6946
+ }
7163
6947
 
7164
- .list-item-label {
7165
- margin-right: 10px;
7166
- }
7167
- }
6948
+ .checkboxes-dropdown-title {
6949
+ font-size: 12px;
6950
+ font-weight: 500;
6951
+ text-transform: uppercase;
7168
6952
  }
7169
6953
  }
7170
6954
 
7171
- .jump-to-page {
7172
- margin-left: 7px;
7173
-
7174
- & > div, .jump-to-page-input {
7175
- display: inline-block;
7176
- vertical-align: baseline;
7177
- }
6955
+ .checkboxes-dropdown-container {
6956
+ background-color: @checkboxes-dropdown-container-bg-color;
6957
+ border-radius: 2px;
6958
+ box-shadow: @checkboxes-dropdown-container-box-shadow;
6959
+ color: @checkboxes-dropdown-container-color;
6960
+ overflow: hidden;
6961
+ position: absolute;
6962
+ z-index: 1000;
6963
+ min-width: 236px;
6964
+ height: 100%;
6965
+ margin-top: 2px;
6966
+ margin-bottom: 2px;
6967
+ padding: 8px 0;
7178
6968
 
7179
- .to-page-prev, .to-page-next {
7180
- width: 41px;
7181
- line-height: 34px;
7182
- height: 36px;
7183
- vertical-align: top;
7184
- position: relative;
6969
+ .checkboxes-dropdown-scrollbar-container {
6970
+ padding-bottom: 36px;
6971
+ height: 100%;
7185
6972
 
7186
- &:not(:active) {
7187
- background-color: transparent;
7188
- }
6973
+ .search-input-wrapper {
6974
+ .checkboxes-search-input {
6975
+ .validating-input-field {
6976
+ height: 32px;
6977
+ width: 100%;
6978
+ color: @checkboxes-search-input-color;
6979
+ outline: none;
6980
+ border: @checkboxes-search-input-border;
6981
+ border-radius: 2px;
6982
+ margin-bottom: 12px;
7189
6983
 
7190
- &:not(:hover):not(:active):not(:disabled):not(.disabled) {
7191
- color: @page-prev-next-color;
7192
- }
6984
+ &.active {
6985
+ color: @dusk-three;
6986
+ border: @checkboxes-search-input-active-border;
6987
+ }
7193
6988
 
7194
- &:before {
7195
- line-height: 34px;
7196
- }
7197
- }
6989
+ .input-field {
6990
+ height: 30px;
6991
+ border: none;
6992
+ padding: 0 9px;
7198
6993
 
7199
- .to-page-prev {
7200
- border-radius: 2px 0 0 2px;
6994
+ &:focus {
6995
+ border: none;
6996
+ }
6997
+ }
7201
6998
 
7202
- &::before {
7203
- margin-left: -2px;
6999
+ .input-icon {
7000
+ left: unset;
7001
+ right: 8px;
7002
+ top: 0;
7003
+ }
7004
+ }
7005
+ }
7204
7006
  }
7205
- }
7206
7007
 
7207
- .to-page-next {
7208
- border-radius: 0 2px 2px 0;
7209
- }
7008
+ .checkboxes-groups-wrapper {
7009
+ .checkboxes-groups {
7010
+ .checkboxes-list {
7011
+ padding: 0;
7012
+ margin: 0;
7013
+ }
7014
+ }
7210
7015
 
7211
- .title {
7016
+ .checkboxes-groups:not(:first-child) {
7017
+ padding-top: 10px;
7018
+ }
7019
+
7020
+ .checkboxes-groups:not(:last-child) {
7021
+ padding-bottom: 10px;
7022
+ border-bottom: @checkboxes-group-border-bottom;
7023
+ }
7024
+ }
7025
+
7026
+ .search-input-wrapper,
7027
+ .checkboxes-header,
7028
+ .checkboxes-groups,
7029
+ .checkboxes-regular-list {
7030
+ padding: 0 8px;
7031
+ }
7032
+ }
7033
+
7034
+ .checkboxes-bottom-bar {
7035
+ display: flex;
7036
+ position: sticky;
7037
+ justify-content: flex-end;
7038
+ padding: 4px 8px 0;
7039
+ bottom: 0;
7040
+
7041
+ button:not(:first-child) {
7042
+ margin-left: 8px;
7043
+ }
7044
+ }
7045
+ }
7046
+
7047
+ .group-title {
7048
+ display: flex;
7049
+ justify-content: space-between;
7050
+
7051
+ .checkboxes-group-name {
7052
+ width: 100%;
7053
+ margin-left: 9px;
7054
+ color: @checkboxes-group-name-color;
7055
+ font-weight: 500;
7056
+ text-align: left;
7057
+ }
7058
+
7059
+ .checkboxes-add-item {
7060
+ .checkboxes-add-item-button {
7061
+ font-size: 12px;
7062
+ font-weight: 500;
7063
+ display: inline-block;
7064
+ vertical-align: top;
7065
+ position: relative;
7066
+ color: @checkboxes-add-item-btn-color;
7067
+ text-transform: uppercase;
7068
+ line-height: initial;
7069
+ background-color: transparent;
7070
+ border: none;
7071
+ outline: none;
7072
+ }
7073
+ }
7074
+ }
7075
+
7076
+ .master-checkbox {
7077
+ cursor: pointer;
7078
+ color: @master-checkbox-color;
7079
+ font-size: 16px;
7080
+ line-height: 1;
7081
+ vertical-align: middle;
7082
+
7083
+ &.igz-icon-checkbox-checked {
7084
+ color: @master-checkbox-checked-color;
7085
+ }
7086
+ }
7087
+
7088
+ .checkboxes-list {
7089
+ list-style-type: none;
7090
+
7091
+ .multiple-checkboxes-option {
7092
+ color: @checkboxes-list-option-color;
7093
+ margin: 5px 0;
7094
+ }
7095
+ }
7096
+ }
7097
+
7098
+ .igz-pagination {
7099
+ .pagination-color-set();
7100
+
7101
+ float: right;
7102
+ padding: 24px 36px 5px 30px;
7103
+
7104
+ > div {
7105
+ vertical-align: top;
7106
+ }
7107
+
7108
+ .rows-title, .per-page, .jump-to-page, .to-page-prev, .to-page-next {
7109
+ display: inline-block;
7110
+ vertical-align: baseline;
7111
+ }
7112
+
7113
+ .rows-title {
7114
+ font-size: 13px;
7115
+ color: @rows-title-color;
7116
+ font-family: @font-family-sans-serif;
7117
+ }
7118
+
7119
+ .per-page {
7120
+ width: 66px;
7121
+
7122
+ .default-dropdown-field {
7123
+ background: none;
7124
+ border: none;
7125
+ box-shadow: none;
7126
+ font-size: 14px;
7127
+ height: 36px;
7128
+
7129
+ .dropdown-selected-item {
7130
+ font-size: 14px;
7131
+ }
7132
+
7133
+ .dropdown-arrow {
7134
+ margin-top: 5px;
7135
+
7136
+ span {
7137
+ font-size: 12px;
7138
+ }
7139
+ }
7140
+
7141
+ .dropdown-arrow {
7142
+ border: none;
7143
+
7144
+ &:hover, &:active {
7145
+ border: none;
7146
+ background: none;
7147
+ box-shadow: none;
7148
+ }
7149
+ }
7150
+
7151
+ &:focus {
7152
+ .dropdown-selected-item {
7153
+ border: none;
7154
+ }
7155
+ }
7156
+ }
7157
+
7158
+ .default-dropdown-container {
7159
+ width: 66px;
7160
+
7161
+ .list-item {
7162
+ padding-left: 15px;
7163
+
7164
+ .list-item-label {
7165
+ margin-right: 10px;
7166
+ }
7167
+ }
7168
+ }
7169
+ }
7170
+
7171
+ .jump-to-page {
7172
+ margin-left: 7px;
7173
+
7174
+ & > div, .jump-to-page-input {
7175
+ display: inline-block;
7176
+ vertical-align: baseline;
7177
+ }
7178
+
7179
+ .to-page-prev, .to-page-next {
7180
+ width: 41px;
7181
+ line-height: 34px;
7182
+ height: 36px;
7183
+ vertical-align: top;
7184
+ position: relative;
7185
+
7186
+ &:not(:active) {
7187
+ background-color: transparent;
7188
+ }
7189
+
7190
+ &:not(:hover):not(:active):not(:disabled):not(.disabled) {
7191
+ color: @page-prev-next-color;
7192
+ }
7193
+
7194
+ &:before {
7195
+ line-height: 34px;
7196
+ }
7197
+ }
7198
+
7199
+ .to-page-prev {
7200
+ border-radius: 2px 0 0 2px;
7201
+
7202
+ &::before {
7203
+ margin-left: -2px;
7204
+ }
7205
+ }
7206
+
7207
+ .to-page-next {
7208
+ border-radius: 0 2px 2px 0;
7209
+ }
7210
+
7211
+ .title {
7212
7212
  margin: 0 0 0 14px;
7213
7213
  }
7214
7214
 
@@ -7243,47 +7243,138 @@ yx-axis
7243
7243
  }
7244
7244
  }
7245
7245
  }
7246
- .search-input {
7247
- .search-input-color-set();
7246
+ .igz-size {
7247
+ .size-color-set();
7248
7248
 
7249
- position: relative;
7250
- color: @search-input-color;
7249
+ align-items: center;
7250
+ display: flex;
7251
+ justify-content: space-between;
7252
+ min-height: 40px;
7251
7253
 
7252
- .container-search-input {
7253
- background-color: @search-input-bg-color;
7254
- border: 0;
7255
- font-family: @font-family-sans-serif;
7256
- font-size: 15px;
7257
- font-weight: 400;
7258
- height: 52px;
7259
- line-height: 52px;
7260
- margin: 0;
7261
- outline: 0;
7262
- padding-right: 20px;
7263
- width: 100%;
7254
+ &:after {
7255
+ content: ' ';
7256
+ display: inline-block;
7257
+ vertical-align: middle;
7258
+ }
7264
7259
 
7265
- &::-webkit-input-placeholder {
7266
- color: @search-input-placeholder-color;
7260
+ .size-value {
7261
+ line-height: 1;
7262
+ flex: 0 0 100px;
7263
+ min-width: 100px;
7264
+
7265
+ > span {
7266
+ line-height: 25px;
7267
7267
  }
7268
7268
 
7269
- &:-moz-placeholder { /* Firefox 18- */
7270
- color: @search-input-placeholder-color;
7269
+ &.short {
7270
+ flex: 0 0 75px;
7271
+ min-width: 75px;
7271
7272
  }
7272
7273
 
7273
- &::-moz-placeholder { /* Firefox 19+ */
7274
- color: @search-input-placeholder-color;
7274
+ &.shorten {
7275
+ flex: 0 0 60px;
7276
+ min-width: 60px;
7275
7277
  }
7276
7278
 
7277
- &:-ms-input-placeholder {
7278
- color: @search-input-placeholder-color;
7279
+ &.shortest {
7280
+ flex: 0 0 40px;
7281
+ min-width: 40px;
7279
7282
  }
7283
+ }
7280
7284
 
7281
- &:focus {
7282
- &, & + .igz-icon-search:before {
7283
- color: @search-input-focus-icon-search-before-color;
7284
- }
7285
+ .size-reserved {
7286
+ color: @size-reserved-color;
7287
+ font-size: 12px;
7285
7288
 
7286
- &::-webkit-input-placeholder {
7289
+ .icon-font-arrow-right:before {
7290
+ color: @size-reserved-arrow-right-before-color;
7291
+ font-size: 10px;
7292
+ padding: 0 4px 0 4px;
7293
+ }
7294
+
7295
+ .icon-font-infinity:before {
7296
+ color: @size-reserved-infinity-before-color;
7297
+ font-size: 10px;
7298
+ }
7299
+ }
7300
+
7301
+ .size-chart {
7302
+ flex: 1 1 auto;
7303
+ min-width: 0;
7304
+
7305
+ div.highcharts-tooltip {
7306
+ position: fixed !important;
7307
+
7308
+ .igz-tooltip-wrapper {
7309
+ color: @size-chart-tooltip-wrapper-color;
7310
+
7311
+ &.used-capacity-tooltip-wrapper {
7312
+ .igz-row {
7313
+ .tooltip-label,
7314
+ .tooltip-value {
7315
+ text-overflow: unset;
7316
+ }
7317
+ }
7318
+ }
7319
+
7320
+ .tooltip-header {
7321
+ padding-bottom: 6px;
7322
+ margin-bottom: 5px;
7323
+ line-height: 1.1;
7324
+ text-align: center;
7325
+ }
7326
+ }
7327
+ }
7328
+ }
7329
+
7330
+ .igz-highcharts-wrapper {
7331
+ height: 40px;
7332
+ position: relative;
7333
+ width: 100%;
7334
+ }
7335
+ }
7336
+
7337
+ .search-input {
7338
+ .search-input-color-set();
7339
+
7340
+ position: relative;
7341
+ color: @search-input-color;
7342
+
7343
+ .container-search-input {
7344
+ background-color: @search-input-bg-color;
7345
+ border: 0;
7346
+ font-family: @font-family-sans-serif;
7347
+ font-size: 15px;
7348
+ font-weight: 400;
7349
+ height: 52px;
7350
+ line-height: 52px;
7351
+ margin: 0;
7352
+ outline: 0;
7353
+ padding-right: 20px;
7354
+ width: 100%;
7355
+
7356
+ &::-webkit-input-placeholder {
7357
+ color: @search-input-placeholder-color;
7358
+ }
7359
+
7360
+ &:-moz-placeholder { /* Firefox 18- */
7361
+ color: @search-input-placeholder-color;
7362
+ }
7363
+
7364
+ &::-moz-placeholder { /* Firefox 19+ */
7365
+ color: @search-input-placeholder-color;
7366
+ }
7367
+
7368
+ &:-ms-input-placeholder {
7369
+ color: @search-input-placeholder-color;
7370
+ }
7371
+
7372
+ &:focus {
7373
+ &, & + .igz-icon-search:before {
7374
+ color: @search-input-focus-icon-search-before-color;
7375
+ }
7376
+
7377
+ &::-webkit-input-placeholder {
7287
7378
  color: @search-input-focus-placeholder-color;
7288
7379
  }
7289
7380
 
@@ -7430,97 +7521,6 @@ yx-axis
7430
7521
  }
7431
7522
  }
7432
7523
  }
7433
- .igz-size {
7434
- .size-color-set();
7435
-
7436
- align-items: center;
7437
- display: flex;
7438
- justify-content: space-between;
7439
- min-height: 40px;
7440
-
7441
- &:after {
7442
- content: ' ';
7443
- display: inline-block;
7444
- vertical-align: middle;
7445
- }
7446
-
7447
- .size-value {
7448
- line-height: 1;
7449
- flex: 0 0 100px;
7450
- min-width: 100px;
7451
-
7452
- > span {
7453
- line-height: 25px;
7454
- }
7455
-
7456
- &.short {
7457
- flex: 0 0 75px;
7458
- min-width: 75px;
7459
- }
7460
-
7461
- &.shorten {
7462
- flex: 0 0 60px;
7463
- min-width: 60px;
7464
- }
7465
-
7466
- &.shortest {
7467
- flex: 0 0 40px;
7468
- min-width: 40px;
7469
- }
7470
- }
7471
-
7472
- .size-reserved {
7473
- color: @size-reserved-color;
7474
- font-size: 12px;
7475
-
7476
- .icon-font-arrow-right:before {
7477
- color: @size-reserved-arrow-right-before-color;
7478
- font-size: 10px;
7479
- padding: 0 4px 0 4px;
7480
- }
7481
-
7482
- .icon-font-infinity:before {
7483
- color: @size-reserved-infinity-before-color;
7484
- font-size: 10px;
7485
- }
7486
- }
7487
-
7488
- .size-chart {
7489
- flex: 1 1 auto;
7490
- min-width: 0;
7491
-
7492
- div.highcharts-tooltip {
7493
- position: fixed !important;
7494
-
7495
- .igz-tooltip-wrapper {
7496
- color: @size-chart-tooltip-wrapper-color;
7497
-
7498
- &.used-capacity-tooltip-wrapper {
7499
- .igz-row {
7500
- .tooltip-label,
7501
- .tooltip-value {
7502
- text-overflow: unset;
7503
- }
7504
- }
7505
- }
7506
-
7507
- .tooltip-header {
7508
- padding-bottom: 6px;
7509
- margin-bottom: 5px;
7510
- line-height: 1.1;
7511
- text-align: center;
7512
- }
7513
- }
7514
- }
7515
- }
7516
-
7517
- .igz-highcharts-wrapper {
7518
- height: 40px;
7519
- position: relative;
7520
- width: 100%;
7521
- }
7522
- }
7523
-
7524
7524
  .igz-slider-input-block {
7525
7525
  .igz-slider-input-block-color-set();
7526
7526
 
@@ -7650,60 +7650,137 @@ yx-axis
7650
7650
  }
7651
7651
  }
7652
7652
 
7653
- .splash-screen {
7654
- .splash-screen-color-set();
7655
-
7656
- position: absolute;
7657
- z-index: 996;
7658
- width: 100%;
7659
- height: 100%;
7660
- background-color: @splash-screen-bg-color;
7661
- transform-style: preserve-3d;
7662
-
7663
- // ngAnimate appearance for show/hide
7664
- transition: opacity linear .25s 0s;
7653
+ .ngdialog.text-edit {
7654
+ .text-edit-color-set();
7665
7655
 
7666
- &.ng-hide-remove {
7667
- opacity: 0;
7668
- }
7656
+ .ngdialog-content {
7657
+ padding: 0;
7658
+ width: 1000px;
7659
+ height: 678px;
7669
7660
 
7670
- .loading-splash-screen {
7671
- position: absolute;
7672
- top: 50%;
7673
- left: 50%;
7674
- transform: translate(-50%, -50%);
7675
- color: @loading-splash-screen-color;
7676
- font-size: 20px;
7677
- text-align: center;
7678
- font-weight: 500;
7679
- width: 217px;
7680
- border-radius: 6px;
7681
- background-image: @loading-splash-screen-bg-image;
7682
- padding: 49px 0;
7661
+ .text-preview-directive-wrapper {
7662
+ .title {
7663
+ margin: 25px 0 0 24px;
7664
+ padding: 0 70px 0 0;
7665
+ }
7683
7666
 
7684
- .splash-logo-wrapper {
7685
- position: relative;
7686
- text-align: center;
7667
+ .close-button {
7668
+ position: absolute;
7669
+ top: 24px;
7670
+ right: 24px;
7671
+ font-size: 18px;
7672
+ color: @close-btn-color;
7673
+ }
7687
7674
 
7688
- .loader-fading-circle {
7689
- width: 60px;
7690
- height: 60px;
7675
+ .buttons {
7676
+ margin-right: 24px;
7691
7677
  }
7692
- }
7693
7678
 
7694
- .loading-text {
7695
- padding: 31px 0 0 12px;
7696
- font-family: @font-family-sans-serif;
7697
- font-size: 20px;
7698
- color: @loading-splash-screen-text-color;
7699
- }
7700
- }
7679
+ .text-preview-wrapper {
7680
+ background-color: @text-preview-wrapper-bg-color;
7681
+ border-top: @text-preview-wrapper-border-top;
7682
+ border-bottom: @text-preview-wrapper-border-bottom;
7683
+ border-radius: 2px;
7684
+ margin-bottom: 16px;
7685
+ padding: 15px 22px 17px;
7686
+ min-width: 690px;
7687
+ height: 550px;
7701
7688
 
7702
- .alert-splash-screen {
7703
- position: absolute;
7704
- top: 50%;
7705
- left: 50%;
7706
- transform: translate(-50%, -50%);
7689
+ .text-preview-container {
7690
+ width: 100%;
7691
+ line-height: 1.9;
7692
+ text-align: left;
7693
+ padding-right: 22px;
7694
+ font-size: 13px;
7695
+ color: @text-preview-container-color;
7696
+ resize: none;
7697
+ overflow: hidden;
7698
+ border-color: @text-preview-container-border-color;
7699
+ background-color: @text-preview-container-bg-color;
7700
+ cursor: text;
7701
+ }
7702
+
7703
+ .text-preview-container:focus {
7704
+ outline: 0;
7705
+ }
7706
+
7707
+ .word-wrap-checkbox-wrapper {
7708
+ width: 100%;
7709
+ display: flex;
7710
+ justify-content: flex-end;
7711
+
7712
+ .col-checkbox {
7713
+ line-height: normal;
7714
+ height: 25px;
7715
+
7716
+ label:before {
7717
+ font-size: 16px;
7718
+ }
7719
+ }
7720
+ }
7721
+ }
7722
+ }
7723
+ }
7724
+
7725
+ .ncl-monaco {
7726
+ height: 500px;
7727
+ }
7728
+ }
7729
+
7730
+ .splash-screen {
7731
+ .splash-screen-color-set();
7732
+
7733
+ position: absolute;
7734
+ z-index: 996;
7735
+ width: 100%;
7736
+ height: 100%;
7737
+ background-color: @splash-screen-bg-color;
7738
+ transform-style: preserve-3d;
7739
+
7740
+ // ngAnimate appearance for show/hide
7741
+ transition: opacity linear .25s 0s;
7742
+
7743
+ &.ng-hide-remove {
7744
+ opacity: 0;
7745
+ }
7746
+
7747
+ .loading-splash-screen {
7748
+ position: absolute;
7749
+ top: 50%;
7750
+ left: 50%;
7751
+ transform: translate(-50%, -50%);
7752
+ color: @loading-splash-screen-color;
7753
+ font-size: 20px;
7754
+ text-align: center;
7755
+ font-weight: 500;
7756
+ width: 217px;
7757
+ border-radius: 6px;
7758
+ background-image: @loading-splash-screen-bg-image;
7759
+ padding: 49px 0;
7760
+
7761
+ .splash-logo-wrapper {
7762
+ position: relative;
7763
+ text-align: center;
7764
+
7765
+ .loader-fading-circle {
7766
+ width: 60px;
7767
+ height: 60px;
7768
+ }
7769
+ }
7770
+
7771
+ .loading-text {
7772
+ padding: 31px 0 0 12px;
7773
+ font-family: @font-family-sans-serif;
7774
+ font-size: 20px;
7775
+ color: @loading-splash-screen-text-color;
7776
+ }
7777
+ }
7778
+
7779
+ .alert-splash-screen {
7780
+ position: absolute;
7781
+ top: 50%;
7782
+ left: 50%;
7783
+ transform: translate(-50%, -50%);
7707
7784
  color: @alert-splash-screen-color;
7708
7785
  font-size: 20px;
7709
7786
  font-weight: 500;
@@ -7757,83 +7834,6 @@ yx-axis
7757
7834
  }
7758
7835
  }
7759
7836
  }
7760
- .ngdialog.text-edit {
7761
- .text-edit-color-set();
7762
-
7763
- .ngdialog-content {
7764
- padding: 0;
7765
- width: 1000px;
7766
- height: 678px;
7767
-
7768
- .text-preview-directive-wrapper {
7769
- .title {
7770
- margin: 25px 0 0 24px;
7771
- padding: 0 70px 0 0;
7772
- }
7773
-
7774
- .close-button {
7775
- position: absolute;
7776
- top: 24px;
7777
- right: 24px;
7778
- font-size: 18px;
7779
- color: @close-btn-color;
7780
- }
7781
-
7782
- .buttons {
7783
- margin-right: 24px;
7784
- }
7785
-
7786
- .text-preview-wrapper {
7787
- background-color: @text-preview-wrapper-bg-color;
7788
- border-top: @text-preview-wrapper-border-top;
7789
- border-bottom: @text-preview-wrapper-border-bottom;
7790
- border-radius: 2px;
7791
- margin-bottom: 16px;
7792
- padding: 15px 22px 17px;
7793
- min-width: 690px;
7794
- height: 550px;
7795
-
7796
- .text-preview-container {
7797
- width: 100%;
7798
- line-height: 1.9;
7799
- text-align: left;
7800
- padding-right: 22px;
7801
- font-size: 13px;
7802
- color: @text-preview-container-color;
7803
- resize: none;
7804
- overflow: hidden;
7805
- border-color: @text-preview-container-border-color;
7806
- background-color: @text-preview-container-bg-color;
7807
- cursor: text;
7808
- }
7809
-
7810
- .text-preview-container:focus {
7811
- outline: 0;
7812
- }
7813
-
7814
- .word-wrap-checkbox-wrapper {
7815
- width: 100%;
7816
- display: flex;
7817
- justify-content: flex-end;
7818
-
7819
- .col-checkbox {
7820
- line-height: normal;
7821
- height: 25px;
7822
-
7823
- label:before {
7824
- font-size: 16px;
7825
- }
7826
- }
7827
- }
7828
- }
7829
- }
7830
- }
7831
-
7832
- .ncl-monaco {
7833
- height: 500px;
7834
- }
7835
- }
7836
-
7837
7837
  .toast-status-panel {
7838
7838
  .toast-status-panel-color-set();
7839
7839
 
@@ -9854,69 +9854,192 @@ ncl-breadcrumbs {
9854
9854
  }
9855
9855
  }
9856
9856
 
9857
- .ncl-breadcrumbs-dropdown {
9858
- display: inline-grid;
9859
-
9860
- .breadcrumb-toggle {
9861
- cursor: pointer;
9862
- font-weight: bold;
9857
+ .ncl-collapsing-row {
9858
+ margin-bottom: 9px;
9863
9859
 
9864
- .igz-icon-right {
9865
- display: block;
9866
- margin: 1.5px 0 0 7px;
9867
- }
9860
+ .title-block.common-table-row {
9861
+ border: 1px solid @pale-grey;
9862
+ box-shadow: none;
9863
+ min-height: 49px;
9868
9864
 
9869
- .breadcrumb-arrow {
9870
- display: inline-block;
9871
- width: 24px;
9872
- height: 24px;
9873
- margin: 0 8px;
9874
- border-radius: 50%;
9875
- background-color: transparent;
9865
+ &.collapsed {
9866
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
9876
9867
 
9877
9868
  &:hover {
9878
- background-color: @pale-grey;
9879
- transition: transform .2s linear;
9869
+ box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
9880
9870
  }
9881
9871
  }
9882
9872
 
9883
- .ncl-dropdown-expanded {
9884
- background-color: @pale-grey;
9885
- transform: rotate(90deg);
9873
+ &:hover {
9874
+ .common-table-cells-container {
9875
+ background-color: @white;
9876
+ }
9886
9877
 
9887
- .igz-icon-right {
9888
- color: @dusk-three;
9878
+ .actions-menu {
9879
+ visibility: visible;
9880
+ background-color: @white;
9881
+ }
9882
+
9883
+ .single-action {
9884
+ visibility: visible;
9889
9885
  }
9890
9886
  }
9891
9887
  }
9892
9888
 
9893
- .dropdown-menu {
9894
- margin: 0;
9895
- border: none;
9896
- min-width: inherit;
9897
- padding: 5px 0 8px;
9898
- width: 230px;
9899
- box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
9889
+ .row-collapse {
9890
+ width: 40px;
9891
+ flex: none;
9892
+ justify-content: center;
9893
+ align-items: flex-start;
9894
+ line-height: 51px;
9900
9895
 
9901
- .search-input {
9902
- text-align: center;
9903
- margin-top: 3px;
9896
+ .collapse-icon {
9897
+ background-color: transparent;
9898
+ position: absolute;
9904
9899
 
9905
- .igz-icon-search {
9906
- .greyishPurple(0.34);
9907
- font-size: 18px;
9900
+ &.igz-icon-right, &.igz-icon-down {
9901
+ font-size: 12px;
9902
+ .duskThree(0.64);
9908
9903
  color: @color;
9909
- position: absolute;
9910
- top: 6px;
9911
- left: 16px;
9904
+
9905
+ &:hover {
9906
+ color: @dusk-three;
9907
+ }
9912
9908
  }
9909
+ }
9910
+ }
9913
9911
 
9914
- input {
9915
- width: 210px;
9916
- height: 32px;
9917
- border: solid 1px @pale-grey;
9918
- outline: none;
9919
- padding-left: 29px;
9912
+ .item-row {
9913
+ display: flex;
9914
+ flex-flow: row nowrap;
9915
+ align-items: center;
9916
+
9917
+ .item-name {
9918
+ font-weight: bold;
9919
+ display: flex;
9920
+ flex-flow: row nowrap;
9921
+ align-items: baseline;
9922
+ width: 192px;
9923
+
9924
+ .text-ellipsis {
9925
+ width: auto;
9926
+ }
9927
+ }
9928
+
9929
+ .item-class {
9930
+ width: 168px;
9931
+ padding-left: 16px;
9932
+ }
9933
+
9934
+ .field-label {
9935
+ text-transform: capitalize;
9936
+ }
9937
+ }
9938
+
9939
+ .item-info-row {
9940
+ line-height: 30px;
9941
+ }
9942
+
9943
+ .expanded-item-info-block {
9944
+ width: 100%;
9945
+ height: 100%;
9946
+ top: 0;
9947
+ padding: 10px 0;
9948
+ }
9949
+
9950
+ .collapsed-item-info-block {
9951
+ padding-left: 16px;
9952
+ white-space: nowrap;
9953
+ width: 100%;
9954
+ overflow: hidden;
9955
+ text-overflow: ellipsis;
9956
+ }
9957
+
9958
+ .actions-menu {
9959
+ visibility: hidden;
9960
+ align-items: flex-start;
9961
+ line-height: 51px;
9962
+ }
9963
+
9964
+ .single-action {
9965
+ visibility: hidden;
9966
+ align-items: flex-start;
9967
+ flex: none;
9968
+ padding-right: 4px;
9969
+
9970
+ .igz-action-panel {
9971
+ transition: unset;
9972
+
9973
+ .igz-action-item {
9974
+ margin: 4px 0 0 0;
9975
+ }
9976
+ }
9977
+ }
9978
+ }
9979
+
9980
+ .ncl-breadcrumbs-dropdown {
9981
+ display: inline-grid;
9982
+
9983
+ .breadcrumb-toggle {
9984
+ cursor: pointer;
9985
+ font-weight: bold;
9986
+
9987
+ .igz-icon-right {
9988
+ display: block;
9989
+ margin: 1.5px 0 0 7px;
9990
+ }
9991
+
9992
+ .breadcrumb-arrow {
9993
+ display: inline-block;
9994
+ width: 24px;
9995
+ height: 24px;
9996
+ margin: 0 8px;
9997
+ border-radius: 50%;
9998
+ background-color: transparent;
9999
+
10000
+ &:hover {
10001
+ background-color: @pale-grey;
10002
+ transition: transform .2s linear;
10003
+ }
10004
+ }
10005
+
10006
+ .ncl-dropdown-expanded {
10007
+ background-color: @pale-grey;
10008
+ transform: rotate(90deg);
10009
+
10010
+ .igz-icon-right {
10011
+ color: @dusk-three;
10012
+ }
10013
+ }
10014
+ }
10015
+
10016
+ .dropdown-menu {
10017
+ margin: 0;
10018
+ border: none;
10019
+ min-width: inherit;
10020
+ padding: 5px 0 8px;
10021
+ width: 230px;
10022
+ box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
10023
+
10024
+ .search-input {
10025
+ text-align: center;
10026
+ margin-top: 3px;
10027
+
10028
+ .igz-icon-search {
10029
+ .greyishPurple(0.34);
10030
+ font-size: 18px;
10031
+ color: @color;
10032
+ position: absolute;
10033
+ top: 6px;
10034
+ left: 16px;
10035
+ }
10036
+
10037
+ input {
10038
+ width: 210px;
10039
+ height: 32px;
10040
+ border: solid 1px @pale-grey;
10041
+ outline: none;
10042
+ padding-left: 29px;
9920
10043
  color: @dusk-three;
9921
10044
  font-size: 13px;
9922
10045
 
@@ -9994,129 +10117,6 @@ ncl-breadcrumbs {
9994
10117
  }
9995
10118
  }
9996
10119
 
9997
- .ncl-collapsing-row {
9998
- margin-bottom: 9px;
9999
-
10000
- .title-block.common-table-row {
10001
- border: 1px solid @pale-grey;
10002
- box-shadow: none;
10003
- min-height: 49px;
10004
-
10005
- &.collapsed {
10006
- box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
10007
-
10008
- &:hover {
10009
- box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
10010
- }
10011
- }
10012
-
10013
- &:hover {
10014
- .common-table-cells-container {
10015
- background-color: @white;
10016
- }
10017
-
10018
- .actions-menu {
10019
- visibility: visible;
10020
- background-color: @white;
10021
- }
10022
-
10023
- .single-action {
10024
- visibility: visible;
10025
- }
10026
- }
10027
- }
10028
-
10029
- .row-collapse {
10030
- width: 40px;
10031
- flex: none;
10032
- justify-content: center;
10033
- align-items: flex-start;
10034
- line-height: 51px;
10035
-
10036
- .collapse-icon {
10037
- background-color: transparent;
10038
- position: absolute;
10039
-
10040
- &.igz-icon-right, &.igz-icon-down {
10041
- font-size: 12px;
10042
- .duskThree(0.64);
10043
- color: @color;
10044
-
10045
- &:hover {
10046
- color: @dusk-three;
10047
- }
10048
- }
10049
- }
10050
- }
10051
-
10052
- .item-row {
10053
- display: flex;
10054
- flex-flow: row nowrap;
10055
- align-items: center;
10056
-
10057
- .item-name {
10058
- font-weight: bold;
10059
- display: flex;
10060
- flex-flow: row nowrap;
10061
- align-items: baseline;
10062
- width: 192px;
10063
-
10064
- .text-ellipsis {
10065
- width: auto;
10066
- }
10067
- }
10068
-
10069
- .item-class {
10070
- width: 168px;
10071
- padding-left: 16px;
10072
- }
10073
-
10074
- .field-label {
10075
- text-transform: capitalize;
10076
- }
10077
- }
10078
-
10079
- .item-info-row {
10080
- line-height: 30px;
10081
- }
10082
-
10083
- .expanded-item-info-block {
10084
- width: 100%;
10085
- height: 100%;
10086
- top: 0;
10087
- padding: 10px 0;
10088
- }
10089
-
10090
- .collapsed-item-info-block {
10091
- padding-left: 16px;
10092
- white-space: nowrap;
10093
- width: 100%;
10094
- overflow: hidden;
10095
- text-overflow: ellipsis;
10096
- }
10097
-
10098
- .actions-menu {
10099
- visibility: hidden;
10100
- align-items: flex-start;
10101
- line-height: 51px;
10102
- }
10103
-
10104
- .single-action {
10105
- visibility: hidden;
10106
- align-items: flex-start;
10107
- flex: none;
10108
- padding-right: 4px;
10109
-
10110
- .igz-action-panel {
10111
- transition: unset;
10112
-
10113
- .igz-action-item {
10114
- margin: 4px 0 0 0;
10115
- }
10116
- }
10117
- }
10118
- }
10119
-
10120
10120
  .ncl-deploy-log-wrapper {
10121
10121
  .log-panel {
10122
10122
  .logs-common();
@@ -10155,124 +10155,185 @@ ncl-breadcrumbs {
10155
10155
  }
10156
10156
  }
10157
10157
  }
10158
- .ncl-edit-item {
10159
- width: 100%;
10160
- padding: 6px 0;
10158
+ .view-yaml-dialog-wrapper {
10159
+ .ngdialog-content {
10160
+ .view-yaml-dialog-header {
10161
+ .title {
10162
+ margin-bottom: 10px;
10163
+ }
10161
10164
 
10162
- .title-field-row {
10165
+ .copy-to-clipboard {
10166
+ width: 20px;
10167
+ }
10168
+ }
10169
+
10170
+ .monaco-editor {
10171
+ min-width: 700px;
10172
+ min-height: 450px;
10173
+ }
10174
+ }
10175
+ }
10176
+ ncl-navigation-tabs {
10177
+ .ncl-navigation-tabs-color-set();
10178
+
10179
+ position: relative;
10180
+ z-index: 999;
10181
+ background: @navigation-tabs-bg-color;
10182
+
10183
+ .ncl-navigation-tabs-wrapper {
10163
10184
  display: flex;
10185
+ align-items: center;
10186
+ justify-content: space-between;
10187
+ border-bottom: 1px solid @mystic-two;
10188
+ border-top: none;
10164
10189
 
10165
- .name-field {
10166
- margin-right: 14px;
10167
- width: 178px;
10190
+ .ncl-navigation-tabs {
10191
+ background: @navigation-tabs-bg-color;
10192
+ height: 54px;
10168
10193
 
10169
- .error {
10170
- color: @darkish-pink;
10171
- font-size: 12px;
10172
- white-space: nowrap;
10173
- }
10174
- }
10194
+ .navigation-tab {
10195
+ position: relative;
10196
+ float: left;
10197
+ height: 32px;
10198
+ padding: 20px 40px 0;
10199
+ font-family: @font-family-sans-serif;
10200
+ color: @navigation-tab-color;
10201
+ font-size: 13px;
10202
+ text-align: center;
10203
+ cursor: pointer;
10204
+ border-bottom: @navigation-tab-border-bottom;
10205
+ box-sizing: content-box;
10175
10206
 
10176
- .class-field {
10177
- margin-right: 14px;
10178
- width: 154px;
10207
+ &.active, &.active:hover {
10208
+ background: none;
10209
+ color: @navigation-tab-active-hover-color;
10210
+ border-bottom: @navigation-tab-active-hover-border-bottom;
10211
+ font-weight: bold;
10212
+ }
10179
10213
 
10180
- .default-dropdown {
10181
- .default-dropdown-container {
10182
- position: relative;
10214
+ &.ncl-status-indicator {
10215
+ padding-right: 8px;
10216
+
10217
+ &:hover {
10218
+ .ncl-status-tooltip {
10219
+ display: flex;
10220
+ }
10221
+ }
10183
10222
  }
10184
- }
10185
10223
 
10186
- .error {
10187
- color: @darkish-pink;
10188
- font-size: 12px;
10189
- white-space: nowrap;
10190
- }
10191
- }
10224
+ .ncl-status-light {
10225
+ position: relative;
10226
+ display: inline-block;
10227
+ width: 8px;
10228
+ height: 8px;
10229
+ border-radius: 50%;
10230
+ margin-left: 34px;
10231
+ background-color: @solid-grey;
10192
10232
 
10193
- &:last-child {
10194
- padding-bottom: 0;
10195
- }
10233
+ &.ncl-status-ready {
10234
+ background-color: @tealish;
10235
+ }
10196
10236
 
10197
- .tooltip-wrapper {
10198
- .more-info-wrapper {
10199
- padding-left: 0;
10200
- }
10201
- }
10202
- }
10237
+ &.ncl-status-building {
10238
+ background-color: @pale-orange;
10239
+ }
10203
10240
 
10204
- .attribute-field {
10205
- margin-right: 1%;
10206
- padding: 8px 0 6px;
10241
+ &.ncl-status-error {
10242
+ background-color: @darkish-pink;
10243
+ }
10207
10244
 
10208
- .field-label {
10209
- height: 22px;
10210
- }
10245
+ .ncl-status-tooltip {
10246
+ position: absolute;
10247
+ left: 22px;
10248
+ top: -10px;
10249
+ z-index: 1;
10250
+ display: none;
10251
+ height: 24px;
10252
+ padding: 4px 12px 22px 10px;
10253
+ border-radius: 2px;
10254
+ background-color: @solid-grey;
10255
+ color: @white;
10211
10256
 
10212
- &.attribute-field-checkbox {
10213
- padding: 35px 0 19px;
10214
- }
10257
+ &:after {
10258
+ content: "";
10259
+ position: absolute;
10260
+ right: 100%;
10261
+ top: 50%;
10262
+ height: 0;
10263
+ width: 0;
10264
+ margin-top: -5px;
10265
+ border: 5px solid transparent;
10266
+ border-right-color: @solid-grey;
10267
+ pointer-events: none;
10268
+ }
10215
10269
 
10216
- .more-info-wrapper {
10217
- height: auto;
10218
- }
10219
- }
10270
+ &.ncl-status-tooltip-ready {
10271
+ padding-left: 10px;
10272
+ background-color: @tealish;
10220
10273
 
10221
- .no-class-selected {
10222
- line-height: 48px;
10223
- .duskThree(0.64);
10224
- color: @color;
10225
- }
10274
+ &:after {
10275
+ border-right-color: @tealish;
10276
+ }
10277
+ }
10226
10278
 
10227
- .ingresses-wrapper {
10228
- .ingresses-table-headers {
10229
- width: calc(100% - 30px);
10279
+ &.ncl-status-tooltip-building {
10280
+ padding-left: 10px;
10281
+ background-color: @pale-orange;
10230
10282
 
10231
- .host-header {
10232
- width: 38%;
10233
- padding-left: 16px;
10234
- }
10283
+ &:after {
10284
+ border-right-color: @pale-orange;
10285
+ }
10286
+ }
10235
10287
 
10236
- .paths-header, .secret-header{
10237
- width: 31%;
10238
- padding-left: 16px;
10239
- }
10240
- }
10241
- }
10288
+ &.ncl-status-tooltip-error {
10289
+ padding-left: 10px;
10290
+ background-color: @darkish-pink;
10242
10291
 
10243
- .advanced-section {
10244
- .collapsed-block-title {
10245
- font-size: 15px;
10246
- font-weight: bold;
10247
- margin: 15px 0;
10292
+ &:after {
10293
+ border-right-color: @darkish-pink;
10294
+ }
10295
+ }
10248
10296
 
10249
- .icon-collapsed {
10250
- color: .duskThree(0.64)[@color];
10251
- font-size: 12px;
10252
- margin: 0 11px 0 4px;
10253
- }
10254
- }
10255
- }
10256
- }
10297
+ .ncl-status-icon {
10298
+ width: 13px;
10299
+ margin-right: 5px;
10257
10300
 
10258
- .view-yaml-dialog-wrapper {
10259
- .ngdialog-content {
10260
- .view-yaml-dialog-header {
10261
- .title {
10262
- margin-bottom: 10px;
10263
- }
10301
+ &.ncl-icon-ready {
10302
+ margin-top: 3px;
10303
+ font-size: 10px;
10304
+ }
10264
10305
 
10265
- .copy-to-clipboard {
10266
- width: 20px;
10306
+ &.ncl-icon-building {
10307
+ margin-top: 6px;
10308
+ font-size: 5px;
10309
+ }
10310
+
10311
+ &.ncl-icon-error {
10312
+ margin-top: 3px;
10313
+ font-size: 10px;
10314
+ }
10315
+ }
10316
+
10317
+ .ncl-status-title {
10318
+ font-size: 13px;
10319
+ font-weight: normal;
10320
+ white-space: nowrap;
10321
+
10322
+ &::first-letter {
10323
+ text-transform: capitalize;
10324
+ }
10325
+ }
10326
+ }
10327
+ }
10267
10328
  }
10268
10329
  }
10330
+ }
10269
10331
 
10270
- .monaco-editor {
10271
- min-width: 700px;
10272
- min-height: 450px;
10273
- }
10332
+ .test-pane-actions-wrapper {
10333
+ margin-right: 35px;
10274
10334
  }
10275
10335
  }
10336
+
10276
10337
  .ncl-monaco {
10277
10338
  .ncl-monaco-wrapper {
10278
10339
  padding-top: 20px;
@@ -10299,19 +10360,89 @@ ncl-breadcrumbs {
10299
10360
  }
10300
10361
 
10301
10362
 
10302
- .ncl-key-value-input {
10303
- .input-wrapper {
10304
- width: 100%;
10305
- display: flex;
10306
- background-color: @white;
10307
- position: relative;
10363
+ .ncl-search-input {
10364
+ position: relative;
10365
+ color: @silver;
10308
10366
 
10309
- .check-row {
10310
- width: 28px;
10311
- display: flex;
10312
- align-items: center;
10313
- justify-content: center;
10314
- }
10367
+ .container-search-input {
10368
+ background-color: transparent;
10369
+ border-bottom: 1px solid @silver;
10370
+ font-size: 13px;
10371
+ font-weight: 400;
10372
+ height: 36px;
10373
+ line-height: 36px;
10374
+ margin: 0;
10375
+ outline: 0;
10376
+ padding: 0 0 3px 31px;
10377
+ width: 100%;
10378
+
10379
+ &::-webkit-input-placeholder {
10380
+ color: @silver;
10381
+ }
10382
+
10383
+ &:-moz-placeholder { /* Firefox 18- */
10384
+ color: @silver;
10385
+ }
10386
+
10387
+ &::-moz-placeholder { /* Firefox 19+ */
10388
+ color: @silver;
10389
+ }
10390
+
10391
+ &:-ms-input-placeholder {
10392
+ color: @silver;
10393
+ }
10394
+
10395
+ &:focus {
10396
+ border-bottom: 1px solid @light-blue;
10397
+
10398
+ &, & + .igz-icon-search:before {
10399
+ color: @dusk-three;
10400
+ }
10401
+
10402
+ &::-webkit-input-placeholder {
10403
+ color: transparent;
10404
+ }
10405
+
10406
+ &:-moz-placeholder { /* Firefox 18- */
10407
+ color: transparent;
10408
+ }
10409
+
10410
+ &::-moz-placeholder { /* Firefox 19+ */
10411
+ color: transparent;
10412
+ }
10413
+
10414
+ &:-ms-input-placeholder {
10415
+ color: transparent;
10416
+ }
10417
+ }
10418
+ }
10419
+
10420
+ .igz-icon-search {
10421
+ font-size: 18px;
10422
+ position: absolute;
10423
+ left: 8px;
10424
+ top: 5px;
10425
+ z-index: 1;
10426
+ color: @silver;
10427
+ }
10428
+
10429
+ input::-ms-clear {
10430
+ display: none;
10431
+ }
10432
+ }
10433
+ .ncl-key-value-input {
10434
+ .input-wrapper {
10435
+ width: 100%;
10436
+ display: flex;
10437
+ background-color: @white;
10438
+ position: relative;
10439
+
10440
+ .check-row {
10441
+ width: 28px;
10442
+ display: flex;
10443
+ align-items: center;
10444
+ justify-content: center;
10445
+ }
10315
10446
 
10316
10447
  .three-dot-menu {
10317
10448
  position: absolute;
@@ -10513,237 +10644,106 @@ ncl-breadcrumbs {
10513
10644
  }
10514
10645
  }
10515
10646
 
10516
- ncl-navigation-tabs {
10517
- .ncl-navigation-tabs-color-set();
10518
-
10519
- position: relative;
10520
- z-index: 999;
10521
- background: @navigation-tabs-bg-color;
10647
+ .ncl-edit-item {
10648
+ width: 100%;
10649
+ padding: 6px 0;
10522
10650
 
10523
- .ncl-navigation-tabs-wrapper {
10651
+ .title-field-row {
10524
10652
  display: flex;
10525
- align-items: center;
10526
- justify-content: space-between;
10527
- border-bottom: 1px solid @mystic-two;
10528
- border-top: none;
10529
-
10530
- .ncl-navigation-tabs {
10531
- background: @navigation-tabs-bg-color;
10532
- height: 54px;
10533
-
10534
- .navigation-tab {
10535
- position: relative;
10536
- float: left;
10537
- height: 32px;
10538
- padding: 20px 40px 0;
10539
- font-family: @font-family-sans-serif;
10540
- color: @navigation-tab-color;
10541
- font-size: 13px;
10542
- text-align: center;
10543
- cursor: pointer;
10544
- border-bottom: @navigation-tab-border-bottom;
10545
- box-sizing: content-box;
10546
10653
 
10547
- &.active, &.active:hover {
10548
- background: none;
10549
- color: @navigation-tab-active-hover-color;
10550
- border-bottom: @navigation-tab-active-hover-border-bottom;
10551
- font-weight: bold;
10552
- }
10654
+ .name-field {
10655
+ margin-right: 14px;
10656
+ width: 178px;
10553
10657
 
10554
- &.ncl-status-indicator {
10555
- padding-right: 8px;
10658
+ .error {
10659
+ color: @darkish-pink;
10660
+ font-size: 12px;
10661
+ white-space: nowrap;
10662
+ }
10663
+ }
10556
10664
 
10557
- &:hover {
10558
- .ncl-status-tooltip {
10559
- display: flex;
10560
- }
10561
- }
10562
- }
10665
+ .class-field {
10666
+ margin-right: 14px;
10667
+ width: 154px;
10563
10668
 
10564
- .ncl-status-light {
10669
+ .default-dropdown {
10670
+ .default-dropdown-container {
10565
10671
  position: relative;
10566
- display: inline-block;
10567
- width: 8px;
10568
- height: 8px;
10569
- border-radius: 50%;
10570
- margin-left: 34px;
10571
- background-color: @solid-grey;
10672
+ }
10673
+ }
10572
10674
 
10573
- &.ncl-status-ready {
10574
- background-color: @tealish;
10575
- }
10675
+ .error {
10676
+ color: @darkish-pink;
10677
+ font-size: 12px;
10678
+ white-space: nowrap;
10679
+ }
10680
+ }
10576
10681
 
10577
- &.ncl-status-building {
10578
- background-color: @pale-orange;
10579
- }
10682
+ &:last-child {
10683
+ padding-bottom: 0;
10684
+ }
10580
10685
 
10581
- &.ncl-status-error {
10582
- background-color: @darkish-pink;
10583
- }
10686
+ .tooltip-wrapper {
10687
+ .more-info-wrapper {
10688
+ padding-left: 0;
10689
+ }
10690
+ }
10691
+ }
10584
10692
 
10585
- .ncl-status-tooltip {
10586
- position: absolute;
10587
- left: 22px;
10588
- top: -10px;
10589
- z-index: 1;
10590
- display: none;
10591
- height: 24px;
10592
- padding: 4px 12px 22px 10px;
10593
- border-radius: 2px;
10594
- background-color: @solid-grey;
10595
- color: @white;
10693
+ .attribute-field {
10694
+ margin-right: 1%;
10695
+ padding: 8px 0 6px;
10596
10696
 
10597
- &:after {
10598
- content: "";
10599
- position: absolute;
10600
- right: 100%;
10601
- top: 50%;
10602
- height: 0;
10603
- width: 0;
10604
- margin-top: -5px;
10605
- border: 5px solid transparent;
10606
- border-right-color: @solid-grey;
10607
- pointer-events: none;
10608
- }
10697
+ .field-label {
10698
+ height: 22px;
10699
+ }
10609
10700
 
10610
- &.ncl-status-tooltip-ready {
10611
- padding-left: 10px;
10612
- background-color: @tealish;
10701
+ &.attribute-field-checkbox {
10702
+ padding: 35px 0 19px;
10703
+ }
10613
10704
 
10614
- &:after {
10615
- border-right-color: @tealish;
10616
- }
10617
- }
10705
+ .more-info-wrapper {
10706
+ height: auto;
10707
+ }
10708
+ }
10618
10709
 
10619
- &.ncl-status-tooltip-building {
10620
- padding-left: 10px;
10621
- background-color: @pale-orange;
10710
+ .no-class-selected {
10711
+ line-height: 48px;
10712
+ .duskThree(0.64);
10713
+ color: @color;
10714
+ }
10622
10715
 
10623
- &:after {
10624
- border-right-color: @pale-orange;
10625
- }
10626
- }
10716
+ .ingresses-wrapper {
10717
+ .ingresses-table-headers {
10718
+ width: calc(100% - 30px);
10627
10719
 
10628
- &.ncl-status-tooltip-error {
10629
- padding-left: 10px;
10630
- background-color: @darkish-pink;
10720
+ .host-header {
10721
+ width: 38%;
10722
+ padding-left: 16px;
10723
+ }
10631
10724
 
10632
- &:after {
10633
- border-right-color: @darkish-pink;
10634
- }
10635
- }
10725
+ .paths-header, .secret-header{
10726
+ width: 31%;
10727
+ padding-left: 16px;
10728
+ }
10729
+ }
10730
+ }
10636
10731
 
10637
- .ncl-status-icon {
10638
- width: 13px;
10639
- margin-right: 5px;
10732
+ .advanced-section {
10733
+ .collapsed-block-title {
10734
+ font-size: 15px;
10735
+ font-weight: bold;
10736
+ margin: 15px 0;
10640
10737
 
10641
- &.ncl-icon-ready {
10642
- margin-top: 3px;
10643
- font-size: 10px;
10644
- }
10645
-
10646
- &.ncl-icon-building {
10647
- margin-top: 6px;
10648
- font-size: 5px;
10649
- }
10650
-
10651
- &.ncl-icon-error {
10652
- margin-top: 3px;
10653
- font-size: 10px;
10654
- }
10655
- }
10656
-
10657
- .ncl-status-title {
10658
- font-size: 13px;
10659
- font-weight: normal;
10660
- white-space: nowrap;
10661
-
10662
- &::first-letter {
10663
- text-transform: capitalize;
10664
- }
10665
- }
10666
- }
10667
- }
10738
+ .icon-collapsed {
10739
+ color: .duskThree(0.64)[@color];
10740
+ font-size: 12px;
10741
+ margin: 0 11px 0 4px;
10668
10742
  }
10669
10743
  }
10670
10744
  }
10671
-
10672
- .test-pane-actions-wrapper {
10673
- margin-right: 35px;
10674
- }
10675
10745
  }
10676
10746
 
10677
- .ncl-search-input {
10678
- position: relative;
10679
- color: @silver;
10680
-
10681
- .container-search-input {
10682
- background-color: transparent;
10683
- border-bottom: 1px solid @silver;
10684
- font-size: 13px;
10685
- font-weight: 400;
10686
- height: 36px;
10687
- line-height: 36px;
10688
- margin: 0;
10689
- outline: 0;
10690
- padding: 0 0 3px 31px;
10691
- width: 100%;
10692
-
10693
- &::-webkit-input-placeholder {
10694
- color: @silver;
10695
- }
10696
-
10697
- &:-moz-placeholder { /* Firefox 18- */
10698
- color: @silver;
10699
- }
10700
-
10701
- &::-moz-placeholder { /* Firefox 19+ */
10702
- color: @silver;
10703
- }
10704
-
10705
- &:-ms-input-placeholder {
10706
- color: @silver;
10707
- }
10708
-
10709
- &:focus {
10710
- border-bottom: 1px solid @light-blue;
10711
-
10712
- &, & + .igz-icon-search:before {
10713
- color: @dusk-three;
10714
- }
10715
-
10716
- &::-webkit-input-placeholder {
10717
- color: transparent;
10718
- }
10719
-
10720
- &:-moz-placeholder { /* Firefox 18- */
10721
- color: transparent;
10722
- }
10723
-
10724
- &::-moz-placeholder { /* Firefox 19+ */
10725
- color: transparent;
10726
- }
10727
-
10728
- &:-ms-input-placeholder {
10729
- color: transparent;
10730
- }
10731
- }
10732
- }
10733
-
10734
- .igz-icon-search {
10735
- font-size: 18px;
10736
- position: absolute;
10737
- left: 8px;
10738
- top: 5px;
10739
- z-index: 1;
10740
- color: @silver;
10741
- }
10742
-
10743
- input::-ms-clear {
10744
- display: none;
10745
- }
10746
- }
10747
10747
  .new-function-wrapper {
10748
10748
  .ncl-new-function-color-set();
10749
10749
 
@@ -10967,151 +10967,6 @@ ncl-navigation-tabs {
10967
10967
  }
10968
10968
  }
10969
10969
 
10970
- .function-event-wrapper {
10971
- width: 600px;
10972
- margin-bottom: -23px;
10973
-
10974
- .header {
10975
- display: flex;
10976
- justify-content: space-between;
10977
- border-bottom: 1px solid @pale-grey;
10978
-
10979
- .title {
10980
- font-size: 18px;
10981
- }
10982
- }
10983
-
10984
- .content {
10985
- border-bottom: 1px solid @pale-grey;
10986
- padding: 16px 0 16px 16px;
10987
-
10988
- .event-form {
10989
- width: 88%;
10990
-
10991
- .field-wrapper {
10992
- display: flex;
10993
- align-items: center;
10994
- margin: 15px 0 0 0;
10995
-
10996
- .field-label {
10997
- font-size: 16px;
10998
- margin-right: 10px;
10999
- width: 195px;
11000
- }
11001
-
11002
- .field-content {
11003
- width: 100%;
11004
-
11005
- .ncl-monaco {
11006
- height: 200px;
11007
- }
11008
-
11009
- .event-body {
11010
- font-size: 13px;
11011
- outline: none;
11012
- border: 1px solid @pale-grey;
11013
- resize: none;
11014
- width: 100%;
11015
- height: 100px;
11016
- padding: 5px 5px 5px 16px;
11017
- }
11018
- }
11019
- }
11020
- }
11021
-
11022
- .event-error {
11023
- display: flex;
11024
- font-size: 13px;
11025
- align-items: center;
11026
- justify-content: center;
11027
- color: @darkish-pink;
11028
- }
11029
- }
11030
-
11031
- .bottom-bar {
11032
- height: 64px;
11033
- display: flex;
11034
- align-items: center;
11035
- justify-content: flex-end;
11036
-
11037
- .igz-button-primary {
11038
- &.disabled {
11039
- color: rgba(71, 64, 86, 0.24);
11040
- border-radius: 2px;
11041
- border: solid 1px #f3f3f6;
11042
- background-color: #f3f3f6;
11043
- cursor: default;
11044
- display: inline-block;
11045
-
11046
- &:hover {
11047
- box-shadow: none;
11048
- border: none;
11049
- }
11050
- }
11051
- }
11052
- }
11053
- }
11054
-
11055
- .ncl-version-configuration {
11056
- > .igz-scrollable-container {
11057
- padding: 24px 25px 22px 41px;
11058
- }
11059
-
11060
- .ncl-version-configuration-wrapper {
11061
- > .row {
11062
- display: flex;
11063
- justify-content: space-between;
11064
- flex-wrap: wrap;
11065
-
11066
- .configuration-block {
11067
- padding: 16px 23px 16px;
11068
- background-color: @white;
11069
- border: solid 1px @pale-grey;
11070
- flex-grow: 1;
11071
- flex-basis: 500px;
11072
- margin-right: 16px;
11073
- margin-bottom: 16px;
11074
-
11075
- &.invisible {
11076
- visibility: hidden;
11077
- }
11078
-
11079
- .title {
11080
- font-size: 16px;
11081
- font-weight: bold;
11082
- font-style: normal;
11083
- font-stretch: normal;
11084
- letter-spacing: normal;
11085
- text-align: left;
11086
- color: @dusk-three;
11087
- margin-bottom: 12px;
11088
- }
11089
-
11090
- .row {
11091
- .label {
11092
- display: block;
11093
- font-family: Roboto, sans-serif;
11094
- font-size: 14px;
11095
- font-weight: 500;
11096
- font-style: normal;
11097
- font-stretch: normal;
11098
- letter-spacing: normal;
11099
- text-align: left;
11100
- color: @dusk-three;
11101
- padding: 0;
11102
- }
11103
- }
11104
-
11105
- .ncl-version-configuration-labels, .ncl-version-configuration-annotations {
11106
- .more-info-wrapper {
11107
- height: 20px;
11108
- }
11109
- }
11110
- }
11111
- }
11112
- }
11113
- }
11114
-
11115
10970
  .ncl-edit-version-code {
11116
10971
  height: 100%;
11117
10972
  display: flex;
@@ -11457,10 +11312,70 @@ ncl-navigation-tabs {
11457
11312
  }
11458
11313
  }
11459
11314
 
11460
- .ncl-version-trigger {
11461
- padding: 11px 24px;
11315
+ .ncl-version-configuration {
11316
+ > .igz-scrollable-container {
11317
+ padding: 24px 25px 22px 41px;
11318
+ }
11462
11319
 
11463
- .common-table-header {
11320
+ .ncl-version-configuration-wrapper {
11321
+ > .row {
11322
+ display: flex;
11323
+ justify-content: space-between;
11324
+ flex-wrap: wrap;
11325
+
11326
+ .configuration-block {
11327
+ padding: 16px 23px 16px;
11328
+ background-color: @white;
11329
+ border: solid 1px @pale-grey;
11330
+ flex-grow: 1;
11331
+ flex-basis: 500px;
11332
+ margin-right: 16px;
11333
+ margin-bottom: 16px;
11334
+
11335
+ &.invisible {
11336
+ visibility: hidden;
11337
+ }
11338
+
11339
+ .title {
11340
+ font-size: 16px;
11341
+ font-weight: bold;
11342
+ font-style: normal;
11343
+ font-stretch: normal;
11344
+ letter-spacing: normal;
11345
+ text-align: left;
11346
+ color: @dusk-three;
11347
+ margin-bottom: 12px;
11348
+ }
11349
+
11350
+ .row {
11351
+ .label {
11352
+ display: block;
11353
+ font-family: Roboto, sans-serif;
11354
+ font-size: 14px;
11355
+ font-weight: 500;
11356
+ font-style: normal;
11357
+ font-stretch: normal;
11358
+ letter-spacing: normal;
11359
+ text-align: left;
11360
+ color: @dusk-three;
11361
+ padding: 0;
11362
+ }
11363
+ }
11364
+
11365
+ .ncl-version-configuration-labels, .ncl-version-configuration-annotations {
11366
+ .more-info-wrapper {
11367
+ height: 20px;
11368
+ }
11369
+ }
11370
+ }
11371
+ }
11372
+ }
11373
+ }
11374
+
11375
+ .ncl-version-trigger {
11376
+ padding: 11px 24px;
11377
+
11378
+ .common-table-header {
11464
11379
  border: none;
11465
11380
  padding-left: 24px;
11466
11381
 
@@ -11506,125 +11421,111 @@ ncl-navigation-tabs {
11506
11421
  }
11507
11422
  }
11508
11423
 
11509
- .ncl-text-size-dropdown {
11510
- display: flex;
11511
- justify-content: flex-end;
11424
+ .function-event-wrapper {
11425
+ width: 600px;
11426
+ margin-bottom: -23px;
11512
11427
 
11513
- .text-size-action-item {
11514
- width: 35px;
11515
- height: 35px;
11516
- margin: 0 8px 0 0;
11428
+ .header {
11517
11429
  display: flex;
11518
- justify-content: space-evenly;
11519
- font-size: 18px;
11520
-
11521
- .action-icon {
11522
- &.igz-icon-decrease {
11523
- font-size: 10px;
11524
- }
11525
- }
11526
- }
11527
- }
11528
-
11529
- .function-from-scratch-content {
11530
- .splash-screen {
11531
- top: 0;
11532
- }
11533
-
11534
- .title-wrapper {
11535
- margin-left: 50px;
11430
+ justify-content: space-between;
11431
+ border-bottom: 1px solid @pale-grey;
11536
11432
 
11537
11433
  .title {
11538
- color: @dusk-three;
11539
- font-size: 16px;
11540
- font-weight: bold;
11434
+ font-size: 18px;
11541
11435
  }
11542
11436
  }
11543
11437
 
11544
- .function-configuration {
11545
- margin: 28px 0 0 0;
11438
+ .content {
11439
+ border-bottom: 1px solid @pale-grey;
11440
+ padding: 16px 0 16px 16px;
11546
11441
 
11547
- .configuration-form {
11548
- display: flex;
11442
+ .event-form {
11443
+ width: 88%;
11549
11444
 
11550
- .function-name-wrapper {
11551
- width: 50%;
11445
+ .field-wrapper {
11552
11446
  display: flex;
11553
- padding: 0 24px 0 74px;
11554
-
11555
- .projects-drop-down {
11556
- width: 40%;
11557
- margin-right: 48px;
11558
-
11559
- .input-label {
11560
- font-size: 14px;
11561
- font-weight: 600;
11562
- color: @dusk-three;
11563
- }
11564
-
11565
- igz-default-dropdown {
11566
- .default-dropdown {
11567
- background-color: @white;
11447
+ align-items: center;
11448
+ margin: 15px 0 0 0;
11568
11449
 
11569
- .default-dropdown-field {
11570
- &:focus {
11571
- background-color: inherit;
11572
- }
11573
- }
11574
- }
11575
- }
11450
+ .field-label {
11451
+ font-size: 16px;
11452
+ margin-right: 10px;
11453
+ width: 195px;
11576
11454
  }
11577
11455
 
11578
- .function-name {
11456
+ .field-content {
11579
11457
  width: 100%;
11580
11458
 
11581
- .input-label {
11582
- font-size: 14px;
11583
- font-weight: 600;
11584
- color: @dusk-three;
11459
+ .ncl-monaco {
11460
+ height: 200px;
11585
11461
  }
11586
11462
 
11587
- igz-validating-input-field {
11588
- margin-left: 2px;
11463
+ .event-body {
11464
+ font-size: 13px;
11465
+ outline: none;
11466
+ border: 1px solid @pale-grey;
11467
+ resize: none;
11468
+ width: 100%;
11469
+ height: 100px;
11470
+ padding: 5px 5px 5px 16px;
11589
11471
  }
11590
11472
  }
11591
11473
  }
11474
+ }
11592
11475
 
11593
- .function-runtime-wrapper {
11594
- width: 50%;
11595
- padding-left: 24px;
11596
- padding-right: 10%;
11597
-
11598
- .function-runtime {
11599
- .input-label {
11600
- font-size: 14px;
11601
- font-weight: 600;
11602
- color: @dusk-three;
11603
- }
11476
+ .event-error {
11477
+ display: flex;
11478
+ font-size: 13px;
11479
+ align-items: center;
11480
+ justify-content: center;
11481
+ color: @darkish-pink;
11482
+ }
11483
+ }
11604
11484
 
11605
- igz-default-dropdown {
11606
- .default-dropdown {
11607
- background-color: @white;
11485
+ .bottom-bar {
11486
+ height: 64px;
11487
+ display: flex;
11488
+ align-items: center;
11489
+ justify-content: flex-end;
11608
11490
 
11609
- .default-dropdown-field {
11610
- &:focus {
11611
- background-color: inherit;
11612
- }
11613
- }
11614
- }
11615
- }
11491
+ .igz-button-primary {
11492
+ &.disabled {
11493
+ color: rgba(71, 64, 86, 0.24);
11494
+ border-radius: 2px;
11495
+ border: solid 1px #f3f3f6;
11496
+ background-color: #f3f3f6;
11497
+ cursor: default;
11498
+ display: inline-block;
11616
11499
 
11617
- .bottom-bar {
11618
- display: flex;
11619
- justify-content: flex-end;
11620
- margin-top: 48px;
11621
- }
11500
+ &:hover {
11501
+ box-shadow: none;
11502
+ border: none;
11622
11503
  }
11623
11504
  }
11624
11505
  }
11625
11506
  }
11626
11507
  }
11627
11508
 
11509
+ .ncl-text-size-dropdown {
11510
+ display: flex;
11511
+ justify-content: flex-end;
11512
+
11513
+ .text-size-action-item {
11514
+ width: 35px;
11515
+ height: 35px;
11516
+ margin: 0 8px 0 0;
11517
+ display: flex;
11518
+ justify-content: space-evenly;
11519
+ font-size: 18px;
11520
+
11521
+ .action-icon {
11522
+ &.igz-icon-decrease {
11523
+ font-size: 10px;
11524
+ }
11525
+ }
11526
+ }
11527
+ }
11528
+
11628
11529
  .function-from-template-content {
11629
11530
  .ncl-function-from-template-color-set();
11630
11531
 
@@ -11887,28 +11788,127 @@ ncl-navigation-tabs {
11887
11788
  }
11888
11789
  }
11889
11790
 
11890
- .function-import-wrapper-content {
11891
- font-family: @font-family-sans-serif;
11892
- padding-left: 3%;
11893
- width: 96%;
11894
-
11895
- .function-import-form {
11896
- display: flex;
11897
- align-items: flex-end;
11898
- margin-bottom: 10px;
11791
+ .function-from-scratch-content {
11792
+ .splash-screen {
11793
+ top: 0;
11794
+ }
11899
11795
 
11900
- .projects-drop-down {
11901
- margin-right: 48px;
11796
+ .title-wrapper {
11797
+ margin-left: 50px;
11902
11798
 
11903
- .input-label {
11904
- font-size: 14px;
11905
- font-weight: 600;
11906
- color: @dusk-three;
11907
- }
11799
+ .title {
11800
+ color: @dusk-three;
11801
+ font-size: 16px;
11802
+ font-weight: bold;
11803
+ }
11804
+ }
11908
11805
 
11909
- igz-default-dropdown {
11910
- .default-dropdown {
11911
- background-color: @white;
11806
+ .function-configuration {
11807
+ margin: 28px 0 0 0;
11808
+
11809
+ .configuration-form {
11810
+ display: flex;
11811
+
11812
+ .function-name-wrapper {
11813
+ width: 50%;
11814
+ display: flex;
11815
+ padding: 0 24px 0 74px;
11816
+
11817
+ .projects-drop-down {
11818
+ width: 40%;
11819
+ margin-right: 48px;
11820
+
11821
+ .input-label {
11822
+ font-size: 14px;
11823
+ font-weight: 600;
11824
+ color: @dusk-three;
11825
+ }
11826
+
11827
+ igz-default-dropdown {
11828
+ .default-dropdown {
11829
+ background-color: @white;
11830
+
11831
+ .default-dropdown-field {
11832
+ &:focus {
11833
+ background-color: inherit;
11834
+ }
11835
+ }
11836
+ }
11837
+ }
11838
+ }
11839
+
11840
+ .function-name {
11841
+ width: 100%;
11842
+
11843
+ .input-label {
11844
+ font-size: 14px;
11845
+ font-weight: 600;
11846
+ color: @dusk-three;
11847
+ }
11848
+
11849
+ igz-validating-input-field {
11850
+ margin-left: 2px;
11851
+ }
11852
+ }
11853
+ }
11854
+
11855
+ .function-runtime-wrapper {
11856
+ width: 50%;
11857
+ padding-left: 24px;
11858
+ padding-right: 10%;
11859
+
11860
+ .function-runtime {
11861
+ .input-label {
11862
+ font-size: 14px;
11863
+ font-weight: 600;
11864
+ color: @dusk-three;
11865
+ }
11866
+
11867
+ igz-default-dropdown {
11868
+ .default-dropdown {
11869
+ background-color: @white;
11870
+
11871
+ .default-dropdown-field {
11872
+ &:focus {
11873
+ background-color: inherit;
11874
+ }
11875
+ }
11876
+ }
11877
+ }
11878
+
11879
+ .bottom-bar {
11880
+ display: flex;
11881
+ justify-content: flex-end;
11882
+ margin-top: 48px;
11883
+ }
11884
+ }
11885
+ }
11886
+ }
11887
+ }
11888
+ }
11889
+
11890
+ .function-import-wrapper-content {
11891
+ font-family: @font-family-sans-serif;
11892
+ padding-left: 3%;
11893
+ width: 96%;
11894
+
11895
+ .function-import-form {
11896
+ display: flex;
11897
+ align-items: flex-end;
11898
+ margin-bottom: 10px;
11899
+
11900
+ .projects-drop-down {
11901
+ margin-right: 48px;
11902
+
11903
+ .input-label {
11904
+ font-size: 14px;
11905
+ font-weight: 600;
11906
+ color: @dusk-three;
11907
+ }
11908
+
11909
+ igz-default-dropdown {
11910
+ .default-dropdown {
11911
+ background-color: @white;
11912
11912
 
11913
11913
  .default-dropdown-field {
11914
11914
  &:focus {
@@ -12685,814 +12685,814 @@ ncl-navigation-tabs {
12685
12685
  }
12686
12686
  }
12687
12687
 
12688
- @desktop: 1350px;
12689
- @desktop-low: 1202px;
12690
- @desktop-middle: 1550px;
12688
+ .ncl-test-events-logs {
12689
+ padding: 6px 17px 25px;
12690
+ background-color: @white;
12691
12691
 
12692
- .ncl-version-configuration-basic-settings {
12693
- .row {
12692
+ .functional-buttons {
12693
+ .duskThree(0.64);
12694
12694
  display: flex;
12695
- justify-content: space-between;
12696
-
12697
- &:not(:last-child) {
12698
- margin-bottom: 23px;
12699
- }
12700
-
12701
- &:last-child {
12702
- margin-bottom: 4px;
12703
- }
12704
-
12705
- &.enable-checkbox {
12706
- justify-content: flex-start;
12707
- margin-bottom: 18px;
12708
- }
12695
+ justify-content: flex-end;
12696
+ color: @color;
12697
+ font-size: 16px;
12709
12698
 
12710
12699
  > div {
12711
- flex: 1;
12712
-
12713
- &:not(:last-child) {
12714
- margin-right: 46px;
12715
- }
12700
+ margin-right: 24px;
12716
12701
 
12717
- .label {
12718
- padding: 0;
12719
- margin-bottom: 5px;
12702
+ &:hover {
12703
+ color: @dusk-three;
12720
12704
  }
12705
+ }
12706
+ }
12721
12707
 
12722
- &.timeout-block {
12723
- .label {
12724
- margin-bottom: 3px;
12725
- }
12726
-
12727
- .timeout-values {
12728
- margin-left: 27px;
12708
+ .collapsed-row {
12709
+ .black(0.2);
12710
+ display: flex;
12711
+ align-items: center;
12712
+ position: relative;
12713
+ height: 36px;
12714
+ background-color: @white;
12715
+ color: @dusk-three;
12716
+ box-shadow: 1.7px 1.1px 4px 0 @color;
12717
+ border: solid 1px @pale-grey;
12718
+ margin-bottom: 10px;
12729
12719
 
12730
- .inputs {
12731
- display: flex;
12732
- align-items: center;
12720
+ .igz-icon-right {
12721
+ .duskThree(0.64);
12722
+ font-size: 12px;
12723
+ color: @color;
12724
+ margin: 0 8px 0 12px;
12733
12725
 
12734
- .values-label {
12735
- .duskThree(0.9);
12736
- margin: 0 17px 0 8px;
12737
- font-size: 14px;
12738
- font-weight: normal;
12739
- font-style: normal;
12740
- letter-spacing: normal;
12741
- text-align: left;
12742
- color: @color;
12743
- }
12744
- }
12745
- }
12726
+ &::before {
12727
+ vertical-align: text-bottom;
12746
12728
  }
12747
12729
  }
12748
12730
 
12749
- .logger-block {
12750
- display: flex;
12751
- margin-top: 3px;
12752
-
12753
- .logger-dropdown {
12754
- .default-dropdown {
12755
- position: relative;
12756
- height: 36px;
12731
+ .level-icon {
12732
+ display: inline-block;
12733
+ margin-right: 8px;
12734
+ width: 20px;
12735
+ text-align: center;
12757
12736
 
12758
- .dropdown-overlap {
12759
- z-index: 100;
12760
- }
12761
- }
12737
+ &::before {
12738
+ font-size: 16px;
12739
+ vertical-align: text-bottom;
12762
12740
  }
12763
12741
 
12764
- > div {
12765
- flex: 1;
12766
-
12767
- &:not(:last-child) {
12768
- margin-right: 16px;
12769
- }
12770
-
12771
- .label {
12772
- padding: 0;
12773
- margin-bottom: 5px;
12774
- }
12742
+ &.ncl-icon-debug {
12743
+ color: @orangish;
12775
12744
 
12776
- &.logger-input {
12777
- flex-grow: 1.95;
12745
+ &::before {
12746
+ font-size: 18px;
12778
12747
  }
12779
12748
  }
12780
- }
12781
- }
12782
- }
12783
12749
 
12784
- .ncl-version-configuration-build {
12785
- &.disabled {
12786
- opacity: .5;
12787
- }
12788
-
12789
- .build-field {
12790
- margin-bottom: 23px;
12750
+ &.igz-icon-info-round {
12751
+ color: @orangish;
12752
+ }
12791
12753
 
12792
- &.build-base-image-field {
12793
- padding-right: 10px;
12794
- }
12754
+ &.igz-icon-warning {
12755
+ color: @orangish;
12756
+ }
12795
12757
 
12796
- &.build-onbuild-image-field {
12797
- padding-left: 10px;
12758
+ &.igz-icon-cancel-path {
12759
+ color: @orangish;
12760
+ }
12798
12761
  }
12799
12762
 
12800
- .field-label {
12801
- font-family: @font-family-sans-serif;
12763
+ .date {
12764
+ display: inline-block;
12765
+ width: 230px;
12802
12766
  font-size: 14px;
12803
- font-weight: 500;
12804
- text-align: left;
12805
- color: @dusk-three;
12767
+ font-weight: bold;
12768
+ margin-right: 15px;
12806
12769
  }
12807
12770
 
12808
- .label-with-tooltip {
12809
- height: 20px;
12810
- }
12811
-
12812
- .validating-input-field {
12813
- .input-field {
12814
- padding: 0 10px 0 17px;
12815
- }
12816
-
12817
- .input-placeholder {
12818
- left: 18px;
12819
- font-style: italic;
12820
- font-size: 14px;
12821
- }
12822
- }
12823
-
12824
- .build-textarea-input {
12825
- &.build-commands-input {
12826
- .textarea-field {
12827
- height: 150px;
12828
- }
12829
- }
12830
-
12831
- .textarea-field {
12832
- height: 70px;
12833
- resize: none;
12834
- white-space: pre;
12835
- overflow: auto;
12836
- }
12771
+ .message {
12772
+ display: inline-block;
12773
+ width: 200px;
12774
+ margin-right: 30px;
12837
12775
  }
12838
- }
12839
-
12840
- .build-checkboxes {
12841
- display: flex;
12842
12776
 
12843
- .checkbox-block {
12844
- display: inline-flex;
12845
- align-items: baseline;
12846
- margin-right: 15px;
12777
+ .ncl-icon-parameters {
12778
+ .duskThree(0.64);
12779
+ color: @color;
12780
+ font-size: 14px;
12781
+ position: absolute;
12782
+ top: 9px;
12783
+ right: 9px;
12847
12784
  }
12848
12785
  }
12849
12786
 
12850
- .files-field {
12851
- margin-bottom: 1px;
12787
+ .expanded-row {
12788
+ background-color: @white;
12789
+ color: @dusk-three;
12790
+ border: solid 1px @pale-grey;
12791
+ margin-bottom: 10px;
12852
12792
 
12853
- .uploading-files {
12854
- margin-top: -6px;
12793
+ .header {
12794
+ position: relative;
12855
12795
  display: flex;
12796
+ align-items: center;
12797
+ height: 34px;
12856
12798
 
12857
- .file-block {
12858
- height: 32px;
12859
- border-radius: 2px;
12860
- background-color: @light-grayish-blue;
12861
- border: solid 1px @pale-grey;
12799
+ .igz-icon-down {
12800
+ .duskThree(0.64);
12801
+ font-size: 12px;
12802
+ color: @color;
12803
+ margin: 0 8px 0 12px;
12862
12804
 
12863
- .file-name {
12864
- height: 14px;
12865
- font-family: @font-family-sans-serif;
12866
- font-size: 14px;
12867
- line-height: 1.38;
12805
+ &::before {
12806
+ vertical-align: text-bottom;
12868
12807
  }
12808
+ }
12869
12809
 
12870
- .ncl-icon-script,
12871
- .ncl-icon-file,
12872
- .file-name {
12873
- display: inline-block;
12810
+ .level-icon {
12811
+ display: inline-block;
12812
+ margin-right: 8px;
12813
+ width: 20px;
12814
+ text-align: center;
12815
+
12816
+ &::before {
12817
+ font-size: 16px;
12818
+ vertical-align: text-bottom;
12874
12819
  }
12875
12820
 
12876
- .progress {
12877
- position: absolute;
12878
- background-color: @white;
12879
- display: inline-block;
12880
- width: 95px;
12881
- height: 6px;
12882
- border: 1px solid @pale-grey;
12883
- border-radius: 2px;
12884
- top: 13px;
12885
- right: 28px;
12821
+ &.ncl-icon-debug {
12822
+ color: @orangish;
12886
12823
 
12887
- .progress-bar {
12888
- border-radius: 2px;
12889
- background-color: @dark-sky-blue;
12824
+ &::before {
12825
+ font-size: 18px;
12890
12826
  }
12891
12827
  }
12892
12828
 
12893
- .build-close-button {
12894
- position: absolute;
12895
- right: 13px;
12896
- width: 10px;
12897
- height: 10px;
12898
- border: none;
12899
- outline: none;
12900
- background: none;
12901
- margin-top: 3px;
12902
- font-size: 10px;
12829
+ &.igz-icon-info-round {
12830
+ color: @orangish;
12903
12831
  }
12904
12832
 
12905
- .ncl-icon-file {
12906
- font-size: 20px;
12833
+ &.igz-icon-warning {
12834
+ color: @orangish;
12907
12835
  }
12908
12836
 
12909
- .ncl-icon-script,
12910
- .ncl-icon-file,
12911
- .ncl-icon-close {
12912
- color: @greyish-purple;
12837
+ &.igz-icon-cancel-path {
12838
+ color: @orangish;
12913
12839
  }
12914
12840
  }
12915
12841
 
12916
- .uploading-proccess-wrapper {
12917
- width: 100%;
12918
- flex-grow: 2.5;
12919
-
12920
- .uploading {
12921
- position: relative;
12922
- padding: 6px 130px 6px 8px;
12923
-
12924
- .progress-percents {
12925
- margin-left: 15px;
12926
- color: @dark-grey;
12927
- }
12928
-
12929
- .file-name {
12930
- margin-left: 8px;
12931
- color: @dark-sky-blue;
12932
- text-overflow: ellipsis;
12933
- }
12842
+ .date {
12843
+ display: inline-block;
12844
+ width: 230px;
12845
+ font-size: 14px;
12846
+ font-weight: bold;
12847
+ margin-right: 15px;
12848
+ }
12934
12849
 
12935
- .ncl-icon-script {
12936
- font-size: 12px;
12937
- }
12938
- }
12850
+ .ncl-icon-parameters {
12851
+ .duskThree(0.64);
12852
+ position: absolute;
12853
+ top: 9px;
12854
+ right: 9px;
12855
+ color: @color;
12856
+ font-size: 14px;
12857
+ }
12858
+ }
12939
12859
 
12940
- .uploading-file {
12941
- padding: 3px 55px 3px 8px;
12860
+ .expanded-body {
12861
+ font-size: 14px;
12862
+ color: @dusk-three;
12942
12863
 
12943
- .file-name {
12944
- vertical-align: top;
12945
- margin: 4px;
12946
- margin-left: 9px;
12947
- }
12948
- }
12864
+ .error {
12865
+ width: 71%;
12866
+ border-radius: 3px;
12867
+ background-color: #fbe5e8;
12868
+ border: solid 1px @darkish-pink;
12869
+ color: @darkish-pink;
12870
+ word-wrap: break-word;
12871
+ margin-left: 62px;
12872
+ padding: 12px;
12873
+ margin-bottom: 16px;
12949
12874
  }
12950
12875
 
12951
- .one-file-uploaded {
12952
- margin-right: 16px;
12876
+ .message {
12877
+ display: inline-block;
12878
+ width: 70%;
12879
+ word-wrap: break-word;
12880
+ margin: 0 0 16px 62px;
12953
12881
  }
12954
12882
 
12955
- .uploaded-wrapper {
12956
- width: 100%;
12957
- display: flex;
12958
- justify-content: space-between;
12959
-
12960
- .uploaded {
12961
- position: relative;
12962
- flex-grow: 1;
12963
- padding: 6px 40px 6px 8px;
12964
-
12965
- .file-name {
12966
- margin-left: 9px;
12967
- color: @dusk-three;
12883
+ .parameters {
12884
+ padding: 0 62px 16px;
12968
12885
 
12969
- .uploaded-file-directory {
12970
- margin-left: 8px;
12971
- color: @dark-greyish-blue;
12972
- }
12973
- }
12886
+ .parameters-header {
12887
+ font-weight: bold;
12974
12888
  }
12975
12889
 
12976
- .uploaded-file {
12977
- padding: 3px 55px 3px 8px;
12890
+ > div {
12891
+ display: flex;
12892
+ line-height: 2;
12978
12893
 
12979
- .file-name {
12980
- margin: 4px 4px 4px 9px;
12981
- vertical-align: top;
12894
+ .labels {
12895
+ color: @greyish-purple;
12896
+ font-size: 14px;
12897
+ width: 30%;
12982
12898
  }
12983
12899
 
12984
- .build-close-button {
12985
- top: 6px;
12900
+ .values {
12901
+ color: @dusk-three;
12902
+ font-size: 14px;
12903
+ width: 70%;
12986
12904
  }
12987
12905
  }
12988
12906
  }
12989
12907
  }
12990
12908
  }
12991
12909
 
12992
- .configuration-build-title-wrapper {
12993
- display: flex;
12994
- justify-content: space-between;
12910
+ .no-logs {
12911
+ margin: 10px auto 0;
12912
+ font-size: 14px;
12913
+ color: @pale-grey;
12914
+ text-align: center;
12915
+ }
12916
+ }
12917
+ .ncl-test-events-navigation-tabs {
12918
+ display: flex;
12919
+ background: #f8f8fb;
12920
+ height: 40px;
12921
+ border-top: 1px solid @pale-grey;
12922
+ border-bottom: 1px solid @pale-grey;
12995
12923
 
12996
- .igz-action-menu {
12997
- .menu-button {
12998
- width: 40px;
12999
- height: 40px;
13000
- display: flex;
13001
- justify-content: center;
13002
- align-items: center;
13003
- font-size: 22px;
13004
- margin: -10px -15px 0 0;
13005
- border-radius: 50%;
13006
- color: @dusk-three;
13007
- }
12924
+ .test-events-navigation-tab {
12925
+ .duskThree(0.64);
12926
+ position: relative;
12927
+ float: left;
12928
+ height: 27px;
12929
+ padding: 10px 40px 0;
12930
+ font-family: @font-family-sans-serif;
12931
+ color: @color;
12932
+ font-size: 13px;
12933
+ text-align: center;
12934
+ cursor: pointer;
12935
+ border-bottom: none;
12936
+ box-sizing: content-box;
13008
12937
 
13009
- .active {
13010
- .black(0.1);
13011
- background-color: @silver;
13012
- box-shadow: inset 0px 2px 3px 0 @color;
13013
- }
12938
+ &.active, &.active:hover {
12939
+ background: none;
12940
+ color: @dusk-three;
12941
+ border-bottom: 2px solid @dusk-three;
12942
+ font-weight: bold;
13014
12943
 
13015
- .menu-dropdown {
13016
- margin-top: 4px;
13017
- right: -18px;
12944
+ .badge {
12945
+ color: @white;
12946
+ background-color: @light-grey-blue;
13018
12947
  }
13019
12948
  }
12949
+
12950
+ .badge {
12951
+ display: inline-block;
12952
+ min-width: 22px;
12953
+ padding: 3px 7px;
12954
+ font-size: 12px;
12955
+ font-weight: 500;
12956
+ color: @greyish-purple;
12957
+ line-height: 1;
12958
+ vertical-align: middle;
12959
+ white-space: nowrap;
12960
+ text-align: center;
12961
+ background-color: @pale-grey;
12962
+ border-radius: 7.5px;
12963
+ margin-left: 7px;
12964
+ margin-top: -4px;
12965
+ }
13020
12966
  }
13021
- }
13022
12967
 
13023
- .ncl-version-configuration-logging {
13024
- .row {
13025
- display: flex;
13026
- position: relative;
12968
+ .default-dropdown {
12969
+ float: left;
12970
+ width: 105px;
13027
12971
 
13028
- .logging-wrapper {
13029
- width: 100%;
12972
+ .default-dropdown-field:not(:hover) {
12973
+ border-color: transparent;
12974
+ }
12975
+
12976
+ .default-dropdown-container {
12977
+ z-index: 3;
13030
12978
  }
13031
12979
  }
13032
12980
  }
13033
12981
 
12982
+ @desktop: 1350px;
12983
+ @desktop-low: 1202px;
13034
12984
  @desktop-middle: 1550px;
13035
12985
 
13036
- .ncl-version-configuration-resources {
12986
+ .ncl-version-configuration-basic-settings {
13037
12987
  .row {
13038
- .range-inputs-row {
13039
- display: flex;
13040
- align-items: flex-end;
12988
+ display: flex;
12989
+ justify-content: space-between;
13041
12990
 
13042
- .row-title {
13043
- margin-bottom: 8px;
13044
- }
12991
+ &:not(:last-child) {
12992
+ margin-bottom: 23px;
13045
12993
  }
13046
12994
 
13047
- .form-row {
13048
- padding: 12px 0;
12995
+ &:last-child {
12996
+ margin-bottom: 4px;
12997
+ }
13049
12998
 
13050
- .row-title, .input-title {
13051
- font-size: 14px;
13052
- }
12999
+ &.enable-checkbox {
13000
+ justify-content: flex-start;
13001
+ margin-bottom: 18px;
13002
+ }
13053
13003
 
13054
- .row-title {
13055
- font-weight: 500;
13004
+ > div {
13005
+ flex: 1;
13006
+
13007
+ &:not(:last-child) {
13008
+ margin-right: 46px;
13056
13009
  }
13057
13010
 
13058
- .input-wrapper {
13059
- display: flex;
13060
- flex-wrap: wrap;
13011
+ .label {
13012
+ padding: 0;
13013
+ margin-bottom: 5px;
13014
+ }
13061
13015
 
13062
- .input-title {
13063
- width: 100%;
13016
+ &.timeout-block {
13017
+ .label {
13018
+ margin-bottom: 3px;
13064
13019
  }
13065
13020
 
13066
- .memory-number-input, .cpu-number-input {
13067
- width: 50%;
13068
- }
13021
+ .timeout-values {
13022
+ margin-left: 27px;
13069
13023
 
13070
- .memory-size-dropdown, .cpu-dropdown {
13071
- width: 35%
13072
- }
13024
+ .inputs {
13025
+ display: flex;
13026
+ align-items: center;
13073
13027
 
13074
- .gpu-number-input, .replicas-number-input, .preemtion-mode-input, .priority-class-input {
13075
- width: 85%;
13028
+ .values-label {
13029
+ .duskThree(0.9);
13030
+ margin: 0 17px 0 8px;
13031
+ font-size: 14px;
13032
+ font-weight: normal;
13033
+ font-style: normal;
13034
+ letter-spacing: normal;
13035
+ text-align: left;
13036
+ color: @color;
13037
+ }
13038
+ }
13076
13039
  }
13077
13040
  }
13078
13041
  }
13079
13042
 
13080
- .slider-block {
13081
- padding-top: 0;
13082
- margin-bottom: 10px;
13043
+ .logger-block {
13044
+ display: flex;
13045
+ margin-top: 3px;
13083
13046
 
13084
- .slider {
13085
- width: 70%;
13047
+ .logger-dropdown {
13048
+ .default-dropdown {
13049
+ position: relative;
13050
+ height: 36px;
13051
+
13052
+ .dropdown-overlap {
13053
+ z-index: 100;
13054
+ }
13055
+ }
13056
+ }
13057
+
13058
+ > div {
13059
+ flex: 1;
13060
+
13061
+ &:not(:last-child) {
13062
+ margin-right: 16px;
13063
+ }
13064
+
13065
+ .label {
13066
+ padding: 0;
13067
+ margin-bottom: 5px;
13068
+ }
13069
+
13070
+ &.logger-input {
13071
+ flex-grow: 1.95;
13072
+ }
13086
13073
  }
13087
13074
  }
13088
13075
  }
13089
13076
  }
13090
13077
 
13091
- .ncl-version-configuration-runtime-attributes {
13092
- .row:not(.info-row) {
13093
- display: flex;
13094
- justify-content: space-between;
13095
-
13096
- &:not(:last-child) {
13097
- margin-top: 10px;
13098
- margin-bottom: 25px;
13099
- }
13078
+ .ncl-version-configuration-build {
13079
+ &.disabled {
13080
+ opacity: .5;
13081
+ }
13100
13082
 
13101
- > div {
13102
- flex: 0.65;
13083
+ .build-field {
13084
+ margin-bottom: 23px;
13103
13085
 
13104
- &:not(:last-child) {
13105
- margin-right: 16px;
13106
- }
13086
+ &.build-base-image-field {
13087
+ padding-right: 10px;
13088
+ }
13107
13089
 
13108
- &.arguments-input {
13109
- flex-grow: 2;
13110
- }
13090
+ &.build-onbuild-image-field {
13091
+ padding-left: 10px;
13111
13092
  }
13112
- }
13113
13093
 
13114
- .row {
13115
- .runtime {
13116
- height: 36px;
13117
- border-radius: 2px;
13118
- padding: 9px 0 0 14px;
13119
- text-transform: capitalize;
13094
+ .field-label {
13120
13095
  font-family: @font-family-sans-serif;
13121
13096
  font-size: 14px;
13097
+ font-weight: 500;
13122
13098
  text-align: left;
13123
13099
  color: @dusk-three;
13124
13100
  }
13125
13101
 
13126
- .textarea-field {
13127
- height: 177px;
13128
- resize: none;
13129
- white-space: pre;
13130
- overflow-x: auto;
13131
- }
13132
- }
13133
-
13134
- .java-attribute {
13135
- .textarea-field {
13136
- height: 70px;
13137
- overflow-y: auto;
13102
+ .label-with-tooltip {
13103
+ height: 20px;
13138
13104
  }
13139
- }
13140
- }
13141
13105
 
13142
- .ncl-version-configuration-volumes {
13143
- .ncl-version-volume {
13144
- .common-table-header {
13145
- border: none;
13146
- padding-left: 40px;
13147
- padding-right: 60px;
13106
+ .validating-input-field {
13107
+ .input-field {
13108
+ padding: 0 10px 0 17px;
13109
+ }
13148
13110
 
13149
- .common-table-cell {
13111
+ .input-placeholder {
13112
+ left: 18px;
13113
+ font-style: italic;
13150
13114
  font-size: 14px;
13151
- font-weight: bold;
13152
- letter-spacing: normal;
13153
- color: @dusk-three;
13154
- height: 46px;
13155
13115
  }
13116
+ }
13156
13117
 
13157
- &.item-header {
13158
- display: flex;
13159
-
13160
- .item-name {
13161
- width: 25%;
13162
- padding-left: 0;
13118
+ .build-textarea-input {
13119
+ &.build-commands-input {
13120
+ .textarea-field {
13121
+ height: 150px;
13163
13122
  }
13123
+ }
13164
13124
 
13165
- .item-class {
13166
- width: 20%;
13125
+ .textarea-field {
13126
+ height: 70px;
13127
+ resize: none;
13128
+ white-space: pre;
13129
+ overflow: auto;
13130
+ }
13131
+ }
13132
+ }
13133
+
13134
+ .build-checkboxes {
13135
+ display: flex;
13136
+
13137
+ .checkbox-block {
13138
+ display: inline-flex;
13139
+ align-items: baseline;
13140
+ margin-right: 15px;
13141
+ }
13142
+ }
13143
+
13144
+ .files-field {
13145
+ margin-bottom: 1px;
13146
+
13147
+ .uploading-files {
13148
+ margin-top: -6px;
13149
+ display: flex;
13150
+
13151
+ .file-block {
13152
+ height: 32px;
13153
+ border-radius: 2px;
13154
+ background-color: @light-grayish-blue;
13155
+ border: solid 1px @pale-grey;
13156
+
13157
+ .file-name {
13158
+ height: 14px;
13159
+ font-family: @font-family-sans-serif;
13160
+ font-size: 14px;
13161
+ line-height: 1.38;
13167
13162
  }
13168
13163
 
13169
- .item-info {
13170
- width: 55%;
13164
+ .ncl-icon-script,
13165
+ .ncl-icon-file,
13166
+ .file-name {
13167
+ display: inline-block;
13171
13168
  }
13172
- }
13173
- }
13174
13169
 
13175
- .common-table-body {
13176
- .ncl-collapsing-row .item-row {
13177
- .item-name {
13178
- padding-left: 0;
13179
- width: 25%;
13170
+ .progress {
13171
+ position: absolute;
13172
+ background-color: @white;
13173
+ display: inline-block;
13174
+ width: 95px;
13175
+ height: 6px;
13176
+ border: 1px solid @pale-grey;
13177
+ border-radius: 2px;
13178
+ top: 13px;
13179
+ right: 28px;
13180
+
13181
+ .progress-bar {
13182
+ border-radius: 2px;
13183
+ background-color: @dark-sky-blue;
13184
+ }
13180
13185
  }
13181
13186
 
13182
- .item-class {
13183
- width: 20%;
13187
+ .build-close-button {
13188
+ position: absolute;
13189
+ right: 13px;
13190
+ width: 10px;
13191
+ height: 10px;
13192
+ border: none;
13193
+ outline: none;
13194
+ background: none;
13195
+ margin-top: 3px;
13196
+ font-size: 10px;
13184
13197
  }
13185
13198
 
13186
- .item-info {
13187
- width: 55%;
13199
+ .ncl-icon-file {
13200
+ font-size: 20px;
13201
+ }
13202
+
13203
+ .ncl-icon-script,
13204
+ .ncl-icon-file,
13205
+ .ncl-icon-close {
13206
+ color: @greyish-purple;
13188
13207
  }
13189
13208
  }
13190
13209
 
13191
- .common-table-row {
13192
- &:not(.read-only):hover {
13193
- .common-table-cells-container {
13194
- background-color: @white;
13210
+ .uploading-proccess-wrapper {
13211
+ width: 100%;
13212
+ flex-grow: 2.5;
13213
+
13214
+ .uploading {
13215
+ position: relative;
13216
+ padding: 6px 130px 6px 8px;
13217
+
13218
+ .progress-percents {
13219
+ margin-left: 15px;
13220
+ color: @dark-grey;
13195
13221
  }
13196
13222
 
13197
- .actions-menu {
13198
- background-color: @white;
13223
+ .file-name {
13224
+ margin-left: 8px;
13225
+ color: @dark-sky-blue;
13226
+ text-overflow: ellipsis;
13199
13227
  }
13200
- }
13201
- }
13202
- }
13203
- }
13204
- }
13205
13228
 
13206
- .ncl-test-events-logs {
13207
- padding: 6px 17px 25px;
13208
- background-color: @white;
13229
+ .ncl-icon-script {
13230
+ font-size: 12px;
13231
+ }
13232
+ }
13209
13233
 
13210
- .functional-buttons {
13211
- .duskThree(0.64);
13212
- display: flex;
13213
- justify-content: flex-end;
13214
- color: @color;
13215
- font-size: 16px;
13234
+ .uploading-file {
13235
+ padding: 3px 55px 3px 8px;
13216
13236
 
13217
- > div {
13218
- margin-right: 24px;
13237
+ .file-name {
13238
+ vertical-align: top;
13239
+ margin: 4px;
13240
+ margin-left: 9px;
13241
+ }
13242
+ }
13243
+ }
13219
13244
 
13220
- &:hover {
13221
- color: @dusk-three;
13245
+ .one-file-uploaded {
13246
+ margin-right: 16px;
13222
13247
  }
13223
- }
13224
- }
13225
13248
 
13226
- .collapsed-row {
13227
- .black(0.2);
13228
- display: flex;
13229
- align-items: center;
13230
- position: relative;
13231
- height: 36px;
13232
- background-color: @white;
13233
- color: @dusk-three;
13234
- box-shadow: 1.7px 1.1px 4px 0 @color;
13235
- border: solid 1px @pale-grey;
13236
- margin-bottom: 10px;
13249
+ .uploaded-wrapper {
13250
+ width: 100%;
13251
+ display: flex;
13252
+ justify-content: space-between;
13237
13253
 
13238
- .igz-icon-right {
13239
- .duskThree(0.64);
13240
- font-size: 12px;
13241
- color: @color;
13242
- margin: 0 8px 0 12px;
13254
+ .uploaded {
13255
+ position: relative;
13256
+ flex-grow: 1;
13257
+ padding: 6px 40px 6px 8px;
13243
13258
 
13244
- &::before {
13245
- vertical-align: text-bottom;
13246
- }
13247
- }
13259
+ .file-name {
13260
+ margin-left: 9px;
13261
+ color: @dusk-three;
13248
13262
 
13249
- .level-icon {
13250
- display: inline-block;
13251
- margin-right: 8px;
13252
- width: 20px;
13253
- text-align: center;
13263
+ .uploaded-file-directory {
13264
+ margin-left: 8px;
13265
+ color: @dark-greyish-blue;
13266
+ }
13267
+ }
13268
+ }
13254
13269
 
13255
- &::before {
13256
- font-size: 16px;
13257
- vertical-align: text-bottom;
13258
- }
13270
+ .uploaded-file {
13271
+ padding: 3px 55px 3px 8px;
13259
13272
 
13260
- &.ncl-icon-debug {
13261
- color: @orangish;
13273
+ .file-name {
13274
+ margin: 4px 4px 4px 9px;
13275
+ vertical-align: top;
13276
+ }
13262
13277
 
13263
- &::before {
13264
- font-size: 18px;
13278
+ .build-close-button {
13279
+ top: 6px;
13280
+ }
13265
13281
  }
13266
13282
  }
13283
+ }
13284
+ }
13267
13285
 
13268
- &.igz-icon-info-round {
13269
- color: @orangish;
13270
- }
13286
+ .configuration-build-title-wrapper {
13287
+ display: flex;
13288
+ justify-content: space-between;
13271
13289
 
13272
- &.igz-icon-warning {
13273
- color: @orangish;
13290
+ .igz-action-menu {
13291
+ .menu-button {
13292
+ width: 40px;
13293
+ height: 40px;
13294
+ display: flex;
13295
+ justify-content: center;
13296
+ align-items: center;
13297
+ font-size: 22px;
13298
+ margin: -10px -15px 0 0;
13299
+ border-radius: 50%;
13300
+ color: @dusk-three;
13274
13301
  }
13275
13302
 
13276
- &.igz-icon-cancel-path {
13277
- color: @orangish;
13303
+ .active {
13304
+ .black(0.1);
13305
+ background-color: @silver;
13306
+ box-shadow: inset 0px 2px 3px 0 @color;
13278
13307
  }
13279
- }
13280
13308
 
13281
- .date {
13282
- display: inline-block;
13283
- width: 230px;
13284
- font-size: 14px;
13285
- font-weight: bold;
13286
- margin-right: 15px;
13309
+ .menu-dropdown {
13310
+ margin-top: 4px;
13311
+ right: -18px;
13312
+ }
13287
13313
  }
13314
+ }
13315
+ }
13288
13316
 
13289
- .message {
13290
- display: inline-block;
13291
- width: 200px;
13292
- margin-right: 30px;
13293
- }
13317
+ .ncl-version-configuration-logging {
13318
+ .row {
13319
+ display: flex;
13320
+ position: relative;
13294
13321
 
13295
- .ncl-icon-parameters {
13296
- .duskThree(0.64);
13297
- color: @color;
13298
- font-size: 14px;
13299
- position: absolute;
13300
- top: 9px;
13301
- right: 9px;
13322
+ .logging-wrapper {
13323
+ width: 100%;
13302
13324
  }
13303
13325
  }
13326
+ }
13304
13327
 
13305
- .expanded-row {
13306
- background-color: @white;
13307
- color: @dusk-three;
13308
- border: solid 1px @pale-grey;
13309
- margin-bottom: 10px;
13328
+ @desktop-middle: 1550px;
13310
13329
 
13311
- .header {
13312
- position: relative;
13330
+ .ncl-version-configuration-resources {
13331
+ .row {
13332
+ .range-inputs-row {
13313
13333
  display: flex;
13314
- align-items: center;
13315
- height: 34px;
13334
+ align-items: flex-end;
13335
+
13336
+ .row-title {
13337
+ margin-bottom: 8px;
13338
+ }
13339
+ }
13340
+
13341
+ .form-row {
13342
+ padding: 12px 0;
13316
13343
 
13317
- .igz-icon-down {
13318
- .duskThree(0.64);
13319
- font-size: 12px;
13320
- color: @color;
13321
- margin: 0 8px 0 12px;
13344
+ .row-title, .input-title {
13345
+ font-size: 14px;
13346
+ }
13322
13347
 
13323
- &::before {
13324
- vertical-align: text-bottom;
13325
- }
13348
+ .row-title {
13349
+ font-weight: 500;
13326
13350
  }
13327
13351
 
13328
- .level-icon {
13329
- display: inline-block;
13330
- margin-right: 8px;
13331
- width: 20px;
13332
- text-align: center;
13352
+ .input-wrapper {
13353
+ display: flex;
13354
+ flex-wrap: wrap;
13333
13355
 
13334
- &::before {
13335
- font-size: 16px;
13336
- vertical-align: text-bottom;
13356
+ .input-title {
13357
+ width: 100%;
13337
13358
  }
13338
13359
 
13339
- &.ncl-icon-debug {
13340
- color: @orangish;
13341
-
13342
- &::before {
13343
- font-size: 18px;
13344
- }
13360
+ .memory-number-input, .cpu-number-input {
13361
+ width: 50%;
13345
13362
  }
13346
13363
 
13347
- &.igz-icon-info-round {
13348
- color: @orangish;
13364
+ .memory-size-dropdown, .cpu-dropdown {
13365
+ width: 35%
13349
13366
  }
13350
13367
 
13351
- &.igz-icon-warning {
13352
- color: @orangish;
13368
+ .gpu-number-input, .replicas-number-input, .preemtion-mode-input, .priority-class-input {
13369
+ width: 85%;
13353
13370
  }
13371
+ }
13372
+ }
13354
13373
 
13355
- &.igz-icon-cancel-path {
13356
- color: @orangish;
13357
- }
13374
+ .slider-block {
13375
+ padding-top: 0;
13376
+ margin-bottom: 10px;
13377
+
13378
+ .slider {
13379
+ width: 70%;
13358
13380
  }
13381
+ }
13382
+ }
13383
+ }
13359
13384
 
13360
- .date {
13361
- display: inline-block;
13362
- width: 230px;
13363
- font-size: 14px;
13364
- font-weight: bold;
13365
- margin-right: 15px;
13385
+ .ncl-version-configuration-runtime-attributes {
13386
+ .row:not(.info-row) {
13387
+ display: flex;
13388
+ justify-content: space-between;
13389
+
13390
+ &:not(:last-child) {
13391
+ margin-top: 10px;
13392
+ margin-bottom: 25px;
13393
+ }
13394
+
13395
+ > div {
13396
+ flex: 0.65;
13397
+
13398
+ &:not(:last-child) {
13399
+ margin-right: 16px;
13366
13400
  }
13367
13401
 
13368
- .ncl-icon-parameters {
13369
- .duskThree(0.64);
13370
- position: absolute;
13371
- top: 9px;
13372
- right: 9px;
13373
- color: @color;
13374
- font-size: 14px;
13402
+ &.arguments-input {
13403
+ flex-grow: 2;
13375
13404
  }
13376
13405
  }
13406
+ }
13377
13407
 
13378
- .expanded-body {
13408
+ .row {
13409
+ .runtime {
13410
+ height: 36px;
13411
+ border-radius: 2px;
13412
+ padding: 9px 0 0 14px;
13413
+ text-transform: capitalize;
13414
+ font-family: @font-family-sans-serif;
13379
13415
  font-size: 14px;
13416
+ text-align: left;
13380
13417
  color: @dusk-three;
13418
+ }
13381
13419
 
13382
- .error {
13383
- width: 71%;
13384
- border-radius: 3px;
13385
- background-color: #fbe5e8;
13386
- border: solid 1px @darkish-pink;
13387
- color: @darkish-pink;
13388
- word-wrap: break-word;
13389
- margin-left: 62px;
13390
- padding: 12px;
13391
- margin-bottom: 16px;
13392
- }
13420
+ .textarea-field {
13421
+ height: 177px;
13422
+ resize: none;
13423
+ white-space: pre;
13424
+ overflow-x: auto;
13425
+ }
13426
+ }
13393
13427
 
13394
- .message {
13395
- display: inline-block;
13396
- width: 70%;
13397
- word-wrap: break-word;
13398
- margin: 0 0 16px 62px;
13428
+ .java-attribute {
13429
+ .textarea-field {
13430
+ height: 70px;
13431
+ overflow-y: auto;
13432
+ }
13433
+ }
13434
+ }
13435
+
13436
+ .ncl-version-configuration-volumes {
13437
+ .ncl-version-volume {
13438
+ .common-table-header {
13439
+ border: none;
13440
+ padding-left: 40px;
13441
+ padding-right: 60px;
13442
+
13443
+ .common-table-cell {
13444
+ font-size: 14px;
13445
+ font-weight: bold;
13446
+ letter-spacing: normal;
13447
+ color: @dusk-three;
13448
+ height: 46px;
13399
13449
  }
13400
13450
 
13401
- .parameters {
13402
- padding: 0 62px 16px;
13451
+ &.item-header {
13452
+ display: flex;
13403
13453
 
13404
- .parameters-header {
13405
- font-weight: bold;
13454
+ .item-name {
13455
+ width: 25%;
13456
+ padding-left: 0;
13406
13457
  }
13407
13458
 
13408
- > div {
13409
- display: flex;
13410
- line-height: 2;
13411
-
13412
- .labels {
13413
- color: @greyish-purple;
13414
- font-size: 14px;
13415
- width: 30%;
13416
- }
13459
+ .item-class {
13460
+ width: 20%;
13461
+ }
13417
13462
 
13418
- .values {
13419
- color: @dusk-three;
13420
- font-size: 14px;
13421
- width: 70%;
13422
- }
13463
+ .item-info {
13464
+ width: 55%;
13423
13465
  }
13424
13466
  }
13425
13467
  }
13426
- }
13427
-
13428
- .no-logs {
13429
- margin: 10px auto 0;
13430
- font-size: 14px;
13431
- color: @pale-grey;
13432
- text-align: center;
13433
- }
13434
- }
13435
- .ncl-test-events-navigation-tabs {
13436
- display: flex;
13437
- background: #f8f8fb;
13438
- height: 40px;
13439
- border-top: 1px solid @pale-grey;
13440
- border-bottom: 1px solid @pale-grey;
13441
13468
 
13442
- .test-events-navigation-tab {
13443
- .duskThree(0.64);
13444
- position: relative;
13445
- float: left;
13446
- height: 27px;
13447
- padding: 10px 40px 0;
13448
- font-family: @font-family-sans-serif;
13449
- color: @color;
13450
- font-size: 13px;
13451
- text-align: center;
13452
- cursor: pointer;
13453
- border-bottom: none;
13454
- box-sizing: content-box;
13469
+ .common-table-body {
13470
+ .ncl-collapsing-row .item-row {
13471
+ .item-name {
13472
+ padding-left: 0;
13473
+ width: 25%;
13474
+ }
13455
13475
 
13456
- &.active, &.active:hover {
13457
- background: none;
13458
- color: @dusk-three;
13459
- border-bottom: 2px solid @dusk-three;
13460
- font-weight: bold;
13476
+ .item-class {
13477
+ width: 20%;
13478
+ }
13461
13479
 
13462
- .badge {
13463
- color: @white;
13464
- background-color: @light-grey-blue;
13480
+ .item-info {
13481
+ width: 55%;
13482
+ }
13465
13483
  }
13466
- }
13467
-
13468
- .badge {
13469
- display: inline-block;
13470
- min-width: 22px;
13471
- padding: 3px 7px;
13472
- font-size: 12px;
13473
- font-weight: 500;
13474
- color: @greyish-purple;
13475
- line-height: 1;
13476
- vertical-align: middle;
13477
- white-space: nowrap;
13478
- text-align: center;
13479
- background-color: @pale-grey;
13480
- border-radius: 7.5px;
13481
- margin-left: 7px;
13482
- margin-top: -4px;
13483
- }
13484
- }
13485
-
13486
- .default-dropdown {
13487
- float: left;
13488
- width: 105px;
13489
13484
 
13490
- .default-dropdown-field:not(:hover) {
13491
- border-color: transparent;
13492
- }
13485
+ .common-table-row {
13486
+ &:not(.read-only):hover {
13487
+ .common-table-cells-container {
13488
+ background-color: @white;
13489
+ }
13493
13490
 
13494
- .default-dropdown-container {
13495
- z-index: 3;
13491
+ .actions-menu {
13492
+ background-color: @white;
13493
+ }
13494
+ }
13495
+ }
13496
13496
  }
13497
13497
  }
13498
13498
  }