Skip to content

Commit 093d51f

Browse files
Hyperkid123Hyperkid123
authored
Merge pull request RedHatInsights#914 from epwinchell/styling_cleanup2
Styling tweaks
2 parents ed845cb + 5fa3885 commit 093d51f

File tree

5 files changed

+81
-83
lines changed

5 files changed

+81
-83
lines changed

‎src/components/SourcesTable/loaders.scss‎

Lines changed: 29 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1,40 +1,40 @@
11
@keyframes loader {
2-
0% {
3-
transform: translateX(-100%);
4-
}
5-
60% {
6-
transform: translateX(100%);
7-
}
8-
100% {
9-
transform: translateX(100%);
10-
}
2+
0% {
3+
transform: translateX(-100%);
4+
}
5+
60% {
6+
transform: translateX(100%);
7+
}
8+
100% {
9+
transform: translateX(100%);
10+
}
1111
}
1212

1313
.src-c-loader {
14-
position: relative;
15-
overflow: hidden;
16-
width: 100%;
17-
height: 100%;
18-
display: block;
19-
border-radius: 3px;
20-
background-color: #f3f3f3;
14+
position: relative;
15+
overflow: hidden;
16+
width: 100%;
17+
height: 100%;
18+
display: block;
19+
border-radius: 3px;
20+
background-color: #f3f3f3;
2121
}
2222

2323
.src-c-loader::after {
24-
animation: 2s loader linear 0.5s infinite;
25-
background: linear-gradient(90deg, transparent, #ecebeb, transparent);
26-
content: '';
27-
position: absolute;
28-
bottom: 0;
29-
left: 0;
30-
right: 0;
31-
top: 0;
32-
transform: translateX(-100%);
33-
z-index: 1;
24+
animation: 2s loader linear 0.5s infinite;
25+
background: linear-gradient(90deg, transparent, #ecebeb, transparent);
26+
content: '';
27+
position: absolute;
28+
bottom: 0;
29+
left: 0;
30+
right: 0;
31+
top: 0;
32+
transform: translateX(-100%);
33+
z-index: 1;
3434
}
3535

3636
.src-c-fake_content {
37-
height: 800px;
38-
width: 100%;
39-
background-color: var(--pf-global--BackgroundColor--100);
37+
height: 800px;
38+
width: 100%;
39+
background-color: var(--pf-global--BackgroundColor--100);
4040
}

‎src/marketplace/marketplace.scss‎

Lines changed: 36 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -1,58 +1,56 @@
11
.marketplace-card {
2-
height: 322px;
3-
width: 213px;
4-
5-
.marketplace-card-icon {
6-
max-height: 24px;
7-
}
2+
height: 322px;
3+
width: 213px;
4+
.marketplace-card-icon {
5+
max-height: 24px;
6+
}
87
}
98

109
.marketplace-card-body {
11-
overflow: auto;
12-
color: #151515;
13-
font-size: 14px;
14-
line-height: 21px;
15-
text-align: left;
16-
17-
/* Hide scrollbar for IE, Edge and Firefox */
18-
-ms-overflow-style: none; /* IE and Edge */
19-
scrollbar-width: none; /* Firefox */
10+
overflow: auto;
11+
color: #151515;
12+
font-size: var(--pf-global--FontSize--sm);
13+
line-height: 21px;
14+
text-align: left;
15+
16+
/* Hide scrollbar for IE, Edge and Firefox */
17+
-ms-overflow-style: none; /* IE and Edge */
18+
scrollbar-width: none; /* Firefox */
2019
}
2120

2221
.marketplace-card-body::-webkit-scrollbar {
23-
display: none;
22+
display: none;
2423
}
2524

2625
.marketplace-label {
27-
max-width: 100%;
28-
overflow: hidden;
29-
text-overflow: ellipsis;
30-
white-space: normal;
26+
max-width: 100%;
27+
overflow: hidden;
28+
text-overflow: ellipsis;
29+
white-space: normal;
3130
}
3231

3332
.marketplace-flex {
34-
display: inline-flex;
35-
flex-wrap: wrap;
36-
gap: 24px;
33+
display: inline-flex;
34+
flex-wrap: wrap;
35+
gap: 24px;
3736
}
3837

3938
.marketplace-seemore-card {
40-
background-color: #FFFFFF;
41-
border: 1px dashed #0066CC;
39+
background-color: var(--pf-global--BackgroundColor--100);
40+
border: 1px dashed #0066CC;
4241

43-
.card-text {
44-
font-size: 14px;
45-
line-height: 21px;
46-
}
42+
.card-text {
43+
font-size: var(--pf-global--FontSize--sm);
44+
line-height: 21px;
45+
}
4746
}
4847

4948
.marketplace-modal-toolbar {
50-
.pf-c-toolbar__content {
51-
padding-left: 0px;
52-
}
53-
54-
.pf-c-select__menu {
55-
max-height: 400px;
56-
overflow: auto;
57-
}
58-
}
49+
.pf-c-toolbar__content {
50+
padding-left: 0;
51+
}
52+
.pf-c-select__menu {
53+
max-height: 400px;
54+
overflow: auto;
55+
}
56+
}

‎src/styles/authSelect.scss‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,14 @@
11
.pf-c-form__helper-text {
2-
&.pf-m-disabled {
3-
color: var(--pf-global--disabled-color--100 )
4-
}
2+
&.pf-m-disabled {
3+
color: var(--pf-global--disabled-color--100);
4+
}
55
}
66

77
.src-c-warning-icon {
8-
fill: var(--pf-global--warning-color--100);
9-
margin-right: var(--pf-global--spacer--sm);
8+
fill: var(--pf-global--warning-color--100);
9+
margin-right: var(--pf-global--spacer--sm);
1010
}
1111

1212
.src-c-aws-grid {
13-
text-align: left;
13+
text-align: left;
1414
}

‎src/styles/cardSelect.scss‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@
2222

2323
.src-c-wizard__radio {
2424
.pf-c-radio:not(:last-child) {
25-
margin-bottom: 24px;
25+
margin-bottom: var(--pf-global--spacer--lg);
2626
}
2727
}
2828

@@ -46,6 +46,6 @@
4646
}
4747

4848
.src-c-wizard--switch-description {
49-
font-size: 14px;
50-
color: #6a6e73;
49+
color: #6a6e73;
50+
font-size: var(--pf-global--FontSize--sm);
5151
}

‎src/styles/costManagement.scss‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,21 @@
11
.list-align-top {
2-
margin-top: calc(var(--pf-global--spacer--xl) * -1);
2+
margin-top: calc(var(--pf-global--spacer--xl) * -1);
33
}
44

55
.list-align-left {
6-
margin-left: calc(var(--pf-global--spacer--xl) * -1);
6+
margin-left: calc(var(--pf-global--spacer--xl) * -1);
77
}
88

99
.export-table {
10-
margin-left: calc(var(--pf-global--spacer--xl) * 1.5);
11-
margin-top: var(--pf-global--spacer--md);
10+
margin-left: calc(var(--pf-global--spacer--xl) * 1.5);
11+
margin-top: var(--pf-global--spacer--md);
1212
}
1313

1414
.cluster-id-question-button {
15-
padding-right: 3px;
16-
padding-left: 5px;
15+
padding-right: 3px;
16+
padding-left: 5px;
1717
}
1818

1919
.src-wizard--all-required-text {
20-
color: var(--pf-global--disabled-color--100);
20+
color: var(--pf-global--disabled-color--100);
2121
}

0 commit comments

Comments
 (0)