Skip to content

Commit cbdbfe6

Browse files
theocrsbtheocrsb
committed
front: convert rem to px in stdcm results file
Signed-off-by: theocrsb <theo_crosbie@yahoo.fr>
1 parent ae0379d commit cbdbfe6

File tree

1 file changed

+83
-83
lines changed

1 file changed

+83
-83
lines changed

‎front/src/styles/scss/applications/stdcm/_results.scss

+83-83
Original file line numberDiff line numberDiff line change
@@ -7,12 +7,12 @@
77
position: relative;
88
color: rgb(0, 0, 0);
99
font-weight: 600;
10-
font-size: 1.125rem;
11-
line-height: 1.5rem;
12-
margin-bottom: 2.25rem;
10+
font-size: 18px;
11+
line-height: 24px;
12+
margin-bottom: 36px;
1313

1414
&.with-error-status {
15-
margin-top: 10rem;
15+
margin-top: 160px;
1616
}
1717

1818
.simulation-list-wrapper {
@@ -21,11 +21,11 @@
2121

2222
.scroll-btn {
2323
position: absolute;
24-
border-radius: 0.375rem;
25-
box-shadow: 0rem 0rem 0rem 0.125rem rgba(255, 255, 255, 1) inset;
24+
border-radius: 6px;
25+
box-shadow: 0 0 0 2px rgba(255, 255, 255, 1) inset;
2626
background-color: rgba(246, 248, 249, 1);
27-
width: 3rem;
28-
height: 3rem;
27+
width: 48px;
28+
height: 48px;
2929
display: flex;
3030
justify-content: center;
3131
align-items: center;
@@ -36,11 +36,11 @@
3636
}
3737

3838
&.left {
39-
left: -0.75rem;
39+
left: -12px;
4040
}
4141

4242
&.right {
43-
right: -0.75rem;
43+
right: -12px;
4444
}
4545
}
4646

@@ -51,20 +51,20 @@
5151
overflow-x: hidden;
5252

5353
.simulation-item {
54-
width: 7.813rem;
54+
width: 125px;
5555
display: inline-block;
56-
margin: 0.563rem 4rem 0 0;
56+
margin: 9px 64px 0 0;
5757
cursor: pointer;
5858

5959
.creation-date {
6060
color: rgba(182, 178, 175, 1);
6161
font-weight: 400;
62-
font-size: 0.875rem;
63-
line-height: 1.25rem;
62+
font-size: 14px;
63+
line-height: 20px;
6464
letter-spacing: 0;
6565
text-align: left;
66-
padding-top: 0.25rem;
67-
padding-bottom: 0.688rem;
66+
padding-top: 4px;
67+
padding-bottom: 11px;
6868
}
6969

7070
.simulation-name {
@@ -76,7 +76,7 @@
7676

7777
.check-circle {
7878
color: rgb(60, 202, 128);
79-
padding-left: 0.5rem;
79+
padding-left: 8px;
8080
}
8181
}
8282

@@ -92,7 +92,7 @@
9292
.selected-simulation-indicator {
9393
width: 100%;
9494
background-color: rgba(92, 89, 85, 1);
95-
height: 0.25rem;
95+
height: 4px;
9696
}
9797
}
9898

@@ -118,8 +118,8 @@
118118
.separator {
119119
width: 100%;
120120
position: absolute;
121-
bottom: 0.25rem;
122-
border-bottom: 0.063rem solid rgb(182, 178, 175);
121+
bottom: 4px;
122+
border-bottom: 1px solid rgb(182, 178, 175);
123123
}
124124
}
125125

@@ -137,10 +137,10 @@
137137
}
138138

139139
.table-container {
140-
margin-right: 2rem;
140+
margin-right: 32px;
141141

142142
.table-results {
143-
border-radius: 0.375rem;
143+
border-radius: 6px;
144144
background-color: rgba(0, 0, 0, 0.05);
145145

146146
thead {
@@ -150,13 +150,13 @@
150150
}
151151

152152
th {
153-
height: 2rem;
154-
font-size: 0.875rem;
153+
height: 32px;
154+
font-size: 14px;
155155
font-weight: 400;
156156
text-transform: capitalize;
157157
color: rgb(121, 118, 113);
158-
padding-top: 0.313rem;
159-
padding-bottom: 0.313rem;
158+
padding-top: 5px;
159+
padding-bottom: 5px;
160160
vertical-align: middle;
161161
}
162162
th:last-child {
@@ -169,41 +169,41 @@
169169
background-color: rgb(246, 248, 249);
170170
}
171171
td {
172-
height: 2rem;
173-
font-size: 0.875rem;
172+
height: 32px;
173+
font-size: 14px;
174174
font-weight: 400;
175175
color: rgb(49, 46, 43);
176-
line-height: 1.25rem;
176+
line-height: 20px;
177177
vertical-align: middle;
178178
}
179179
.index {
180-
padding-left: 2rem;
180+
padding-left: 32px;
181181
}
182182
.pr {
183-
padding-right: 12.438rem;
183+
padding-right: 199px;
184184
}
185185
.ch {
186-
padding-right: 2.25rem;
186+
padding-right: 36px;
187187
}
188188
.stop {
189-
font-size: 0.875rem;
189+
font-size: 14px;
190190
font-weight: 600;
191191
color: rgb(0, 0, 0);
192-
line-height: 1.25rem;
193-
width: 4.688rem;
192+
line-height: 20px;
193+
width: 75px;
194194
}
195195
.stop-with-duration {
196-
font-size: 0.875rem;
196+
font-size: 14px;
197197
color: rgb(255, 255, 255);
198198
background-color: rgb(33, 100, 130);
199-
border-radius: 0.625rem;
200-
margin-top: 0.375rem;
201-
margin-bottom: 0.375rem;
202-
margin-right: 1.813rem;
199+
border-radius: 10px;
200+
margin-top: 6px;
201+
margin-bottom: 6px;
202+
margin-right: 29px;
203203
text-align: center;
204204
}
205205
.weight {
206-
padding-left: 2.063rem;
206+
padding-left: 33px;
207207
color: '#797671';
208208

209209
&.lastStep {
@@ -217,48 +217,48 @@
217217
.results-buttons {
218218
position: sticky;
219219
bottom: 0;
220-
height: 6.5rem;
220+
height: 104px;
221221
background-color: #dde3e6;
222222
display: flex;
223223
justify-content: space-between;
224-
border-bottom-left-radius: 0.375rem;
225-
border-bottom-right-radius: 0.375rem;
224+
border-bottom-left-radius: 6px;
225+
border-bottom-right-radius: 6px;
226226

227227
&.simulation-retained {
228228
border-radius: 0;
229229
}
230230
.button-display-all-PR {
231-
padding-top: 2rem;
232-
padding-left: 2.25rem;
231+
padding-top: 32px;
232+
padding-left: 36px;
233233
}
234234
.button-get-simulation {
235-
padding-top: 2rem;
236-
padding-right: 2.25rem;
235+
padding-top: 32px;
236+
padding-right: 36px;
237237
}
238238
.selected-simulation {
239-
padding-top: 0.6rem;
239+
padding-top: 9.6px;
240240
}
241241
}
242242
}
243243

244244
.upgrade {
245245
display: flex;
246246
flex-direction: column;
247-
margin-right: 2rem;
248-
margin-top: 3.5rem;
249-
border-top: 0.313rem solid rgb(211, 209, 207);
247+
margin-right: 32px;
248+
margin-top: 56px;
249+
border-top: 5px solid rgb(211, 209, 207);
250250
.text {
251251
color: rgb(0, 0, 0);
252-
margin-left: 0.5rem;
252+
margin-left: 8px;
253253
.title {
254254
font-weight: 600;
255-
font-size: 1.125rem;
256-
padding-top: 1.563rem;
255+
font-size: 18px;
256+
padding-top: 25px;
257257
display: flex;
258258
flex-direction: row;
259259
.comment-icon {
260260
color: #b6b2af;
261-
margin-left: 0.625rem;
261+
margin-left: 10px;
262262
display: flex;
263263
}
264264
}
@@ -268,14 +268,14 @@
268268
flex-direction: row;
269269
justify-content: flex-start;
270270
flex-wrap: wrap;
271-
margin-top: 1.375rem;
271+
margin-top: 22px;
272272
button {
273-
height: 2rem;
274-
font-size: 1rem;
275-
padding-top: 0.313rem;
276-
padding-bottom: 0.438rem;
277-
margin-right: 1.438rem;
278-
margin-bottom: 1.438rem;
273+
height: 32px;
274+
font-size: 16px;
275+
padding-top: 5px;
276+
padding-bottom: 7px;
277+
margin-right: 23px;
278+
margin-bottom: 23px;
279279
}
280280
}
281281
}
@@ -285,24 +285,24 @@
285285
justify-content: center;
286286
align-items: center;
287287
flex-direction: column;
288-
margin: 0 2rem;
288+
margin: 0 32px;
289289
background-color: rgb(255, 255, 255);
290-
border-bottom-left-radius: 0.375rem;
291-
border-bottom-right-radius: 0.375rem;
290+
border-bottom-left-radius: 6px;
291+
border-bottom-right-radius: 6px;
292292
.download-simulation {
293-
margin-top: 2.813rem;
294-
margin-bottom: 1.313rem;
293+
margin-top: 45px;
294+
margin-bottom: 21px;
295295
}
296296
.gesico-text {
297297
font-weight: 400;
298-
font-size: 1rem;
298+
font-size: 16px;
299299
color: rgb(49, 46, 43);
300-
margin-bottom: 2.625rem;
300+
margin-bottom: 42px;
301301
}
302302
}
303303

304304
.start-new-query {
305-
margin-top: 4.75rem;
305+
margin-top: 76px;
306306
display: flex;
307307
justify-content: center;
308308
align-items: center;
@@ -314,40 +314,40 @@
314314
letter-spacing: 0;
315315
display: flex;
316316
flex-direction: column;
317-
min-height: 10.5rem;
317+
min-height: 168px;
318318
width: 70%;
319319
color: var(--grey80);
320320

321321
.title {
322322
color: rgba(33, 100, 130, 1);
323-
font-size: 1.5rem;
323+
font-size: 24px;
324324
font-weight: 600;
325325
font-style: SemiBold;
326-
line-height: 2rem;
327-
margin-bottom: 0.438rem;
326+
line-height: 32px;
327+
margin-bottom: 7px;
328328
}
329329

330330
.change-criteria {
331331
opacity: 1;
332332
color: rgba(49, 46, 43, 1);
333-
font-size: 1rem;
333+
font-size: 16px;
334334
font-weight: 400;
335335
font-style: Regular;
336-
line-height: 1.5rem;
336+
line-height: 24px;
337337
}
338338
}
339339

340340
.map-results {
341341
position: sticky;
342342
top: 0;
343343
width: 40%;
344-
height: 33.75rem;
345-
margin-right: 2rem;
346-
border-radius: 0.5rem;
347-
border: 0.063rem solid rgba(255, 255, 255, 1);
344+
height: 540px;
345+
margin-right: 32px;
346+
border-radius: 8px;
347+
border: 1px solid rgba(255, 255, 255, 1);
348348
box-shadow:
349-
0rem 0rem 0rem 0.125rem rgba(255, 255, 255, 0.75) inset,
350-
0rem 0rem 0rem 0.063rem rgba(0, 0, 0, 0.25) inset;
349+
0 0 0 2px rgba(255, 255, 255, 0.75) inset,
350+
0 0 0 1px rgba(0, 0, 0, 0.25) inset;
351351
&.no-pointer-events {
352352
pointer-events: none;
353353
}

0 commit comments

Comments
 (0)