summaryrefslogtreecommitdiffstats
path: root/openecomp-ui/resources/scss/modules/_licenseModelLimits.scss
blob: 32fd128f2e4fa5cb34486556493cdc28165389f5 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
.license-model-limits-view {
	max-height: 490px;
	overflow: auto;

	.limit-editor-title {
		padding: 10px 50px;
		background-color: $blue;
		color: $white;

	}
	.list-editor-view-add-title {
		margin-right: 20px;
	}

	.no-limits-text {
		padding-left: 50px;
	}

	.list-editor-view {
		.list-editor-view-header {
			border-bottom: none;
			padding-top: 30px;
			padding-bottom: 0;
		}

		.list-editor-view-list-scroller {
			margin-top: 0;
			margin-bottom: 30px;
		}
		.list-editor-view-list {
			width: 100%;
			.list-editor-item-view {
				min-height: 50px;
				height: 50px;
				background-color: $tlv-light-gray;
				border-color: transparent;
				margin: 1px 0;
				.list-editor-item-view-content {
					padding-left: 0;
				}
				.svg-icon-wrapper.trashO {
					margin-bottom: 0;
					margin-right: 50px;
					.svg-icon {
						fill: $gray;
						height: 16px;
						width: 16px;
						&:hover {
								fill: $dark-gray;
							}
					}
				}
				&.selectable {
					&:hover {
						background-color: darken($tlv-light-gray, 4%);
						cursor: pointer;
					}
				}
				&:hover {
					border-color: transparent;
					cursor: default;
				}
				.list-editor-item-view-content {
					.list-editor-item-view-field {
						display: flex;
    				align-items: center;
						white-space: nowrap;
						
						&.limit-name {
							.text.name {
								@extend .body-1-semibold;
								color: $blue;
								text-transform: uppercase;
								padding: 0px 10px;
							}
							
							border-right: 1px solid $light-gray;
							margin-right: 22px;
							flex: 0.4;
							display: flex;
							justify-content: center;
						}

						&.limit-description {
							max-width: 300px;
							margin-right: 22px;
						}

						&.limit-metric-details {
							max-width: 300px;
						}

						.text.description, .text.name {
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap;
						}
					}

				}			
			}
		}
	}
	.limit-editor{
		.limit-editor-form {
			.limit-editor-form-grid-section {
				padding-bottom: 0;
			}
			.validation-form-content {
				padding: 21px 45px;
			}
			.limit-editor-buttons {			
				display: flex;
				justify-content: flex-end;
				.sdc-button {
				margin-left: 20px;
				}
			}
		}
	}
}