equal
deleted
inserted
replaced
|
1 /*! This file is auto-generated */ |
1 .site-health #wpcontent, |
2 .site-health #wpcontent, |
2 .site-health.auto-fold #wpcontent { |
3 .site-health.auto-fold #wpcontent { |
3 padding-right: 0; |
4 padding-right: 0; |
4 } |
5 } |
5 |
6 |
6 /* Emulates .wrap h1 styling */ |
7 /* Emulates .wrap h1 styling */ |
7 .health-check-header h1 { |
8 .health-check-header h1 { |
8 display: inline-block; |
9 display: inline-block; |
9 font-weight: 600; |
10 font-weight: 600; |
10 margin: 1rem 0.8rem; |
11 margin: 0 0.8rem 1rem; |
11 font-size: 23px; |
12 font-size: 23px; |
12 padding: 9px 0 4px 0; |
13 padding: 9px 0 4px 0; |
13 line-height: 1.3; |
14 line-height: 1.3; |
14 } |
15 } |
15 |
16 |
35 align-items: center; |
36 align-items: center; |
36 justify-content: center; |
37 justify-content: center; |
37 clear: both; |
38 clear: both; |
38 } |
39 } |
39 |
40 |
|
41 .site-health-progress-wrapper { |
|
42 margin-bottom: 1rem; |
|
43 } |
|
44 |
40 .site-health-progress { |
45 .site-health-progress { |
41 display: inline-block; |
46 display: inline-block; |
42 height: 40px; |
47 height: 20px; |
43 width: 40px; |
48 width: 20px; |
44 margin: 0; |
49 margin: 0; |
45 border-radius: 100%; |
50 border-radius: 100%; |
46 position: relative; |
51 position: relative; |
47 font-weight: 600; |
52 font-weight: 600; |
48 font-size: 0.4rem; |
53 font-size: 0.4rem; |
60 border-radius: 100%; |
65 border-radius: 100%; |
61 line-height: 6.3; |
66 line-height: 6.3; |
62 font-size: 2em; |
67 font-size: 2em; |
63 } |
68 } |
64 |
69 |
65 .site-health-progress-count::after { |
70 .loading .site-health-progress svg #bar { |
66 content: ""; |
|
67 } |
|
68 |
|
69 .site-health-progress.loading .site-health-progress-count::after { |
|
70 content: "ยทยทยท"; |
|
71 } |
|
72 |
|
73 .site-health-progress.loading svg #bar { |
|
74 stroke-dashoffset: 0; |
71 stroke-dashoffset: 0; |
75 stroke: #adc5d2; |
72 stroke: #adc5d2; |
76 animation: loadingPulse 3s infinite ease-in-out; |
73 animation: loadingPulse 3s infinite ease-in-out; |
77 } |
74 } |
78 |
75 |
86 .site-health-progress svg #bar { |
83 .site-health-progress svg #bar { |
87 stroke-dashoffset: 565; |
84 stroke-dashoffset: 565; |
88 stroke: #dc3232; |
85 stroke: #dc3232; |
89 } |
86 } |
90 |
87 |
91 .site-health-progress svg #bar.green { |
88 .green .site-health-progress #bar { |
92 stroke: #46b450; |
89 stroke: #46b450; |
93 } |
90 } |
94 |
91 .green .site-health-progress .site-health-progress-label { |
95 .site-health-progress svg #bar.orange { |
92 color: #46b450; |
|
93 } |
|
94 |
|
95 .orange .site-health-progress #bar { |
96 stroke: #ffb900; |
96 stroke: #ffb900; |
|
97 } |
|
98 .orange .site-health-progress .site-health-progress-label { |
|
99 color: #ffb900; |
|
100 } |
|
101 |
|
102 .site-health-progress-label { |
|
103 font-weight: 600; |
|
104 line-height: 20px; |
|
105 margin-right: 0.3rem; |
97 } |
106 } |
98 |
107 |
99 @keyframes loadingPulse { |
108 @keyframes loadingPulse { |
100 0% { |
109 0% { |
101 stroke: #adc5d2; |
110 stroke: #adc5d2; |
193 .site-health-copy-buttons { |
202 .site-health-copy-buttons { |
194 margin: 1rem 0; |
203 margin: 1rem 0; |
195 } |
204 } |
196 |
205 |
197 .site-health-copy-buttons .copy-button-wrapper { |
206 .site-health-copy-buttons .copy-button-wrapper { |
|
207 display: inline-flex; |
|
208 align-items: center; |
198 margin: 0.5rem 0 1rem; |
209 margin: 0.5rem 0 1rem; |
199 } |
210 } |
200 |
211 |
201 .site-health-copy-buttons .success { |
212 .site-health-copy-buttons .success { |
202 display: none; |
|
203 color: #40860a; |
213 color: #40860a; |
204 line-height: 1.8; |
|
205 margin-right: 0.5rem; |
214 margin-right: 0.5rem; |
206 } |
|
207 |
|
208 .site-health-copy-buttons .success.visible { |
|
209 display: inline-block; |
|
210 height: 28px; |
|
211 line-height: 2.2; |
|
212 } |
215 } |
213 |
216 |
214 .site-status-has-issues.hide { |
217 .site-status-has-issues.hide { |
215 display: none; |
218 display: none; |
216 } |
219 } |
263 .site-status-all-clear p { |
266 .site-status-all-clear p { |
264 margin: 0; |
267 margin: 0; |
265 } |
268 } |
266 |
269 |
267 .health-check-accordion { |
270 .health-check-accordion { |
268 border: 1px solid #e2e4e7; |
271 border: 1px solid #ccd0d4; |
269 } |
272 } |
270 |
273 |
271 .health-check-accordion-heading { |
274 .health-check-accordion-heading { |
272 margin: 0; |
275 margin: 0; |
273 border-top: 1px solid #e2e4e7; |
276 border-top: 1px solid #ccd0d4; |
274 font-size: inherit; |
277 font-size: inherit; |
275 line-height: inherit; |
278 line-height: inherit; |
276 font-weight: 600; |
279 font-weight: 600; |
277 color: inherit; |
280 color: inherit; |
278 } |
281 } |
294 position: relative; |
297 position: relative; |
295 text-align: right; |
298 text-align: right; |
296 width: 100%; |
299 width: 100%; |
297 align-items: center; |
300 align-items: center; |
298 justify-content: space-between; |
301 justify-content: space-between; |
|
302 -webkit-user-select: auto; |
|
303 -moz-user-select: auto; |
|
304 -ms-user-select: auto; |
|
305 user-select: auto; |
299 } |
306 } |
300 |
307 |
301 .wp-core-ui .button.site-health-view-passed { |
308 .wp-core-ui .button.site-health-view-passed { |
302 position: relative; |
309 position: relative; |
303 padding-left: 40px; |
310 padding-left: 40px; |
311 |
318 |
312 .health-check-accordion-trigger:focus { |
319 .health-check-accordion-trigger:focus { |
313 color: #191e23; |
320 color: #191e23; |
314 border: none; |
321 border: none; |
315 box-shadow: none; |
322 box-shadow: none; |
316 outline-offset: -2px; |
323 outline-offset: -1px; |
317 outline: 1px dotted #555d66; |
324 outline: 2px solid #0071a1; |
|
325 background-color: #f8f9f9; |
318 } |
326 } |
319 |
327 |
320 .health-check-accordion-trigger .title { |
328 .health-check-accordion-trigger .title { |
321 pointer-events: none; |
329 pointer-events: none; |
322 font-weight: 600; |
330 font-weight: 600; |
441 .health-check-table td:first-child { |
449 .health-check-table td:first-child { |
442 width: 100%; |
450 width: 100%; |
443 padding-bottom: 0; |
451 padding-bottom: 0; |
444 font-weight: 600; |
452 font-weight: 600; |
445 } |
453 } |
|
454 |
|
455 .wp-core-ui .site-health-copy-buttons .copy-button { |
|
456 margin-bottom: 0; |
|
457 } |
446 } |
458 } |
447 |
459 |
448 /* The breakpoint is usually at 960px, the additional space is to allow for the margin. */ |
460 /* The breakpoint is usually at 960px, the additional space is to allow for the margin. */ |
449 @media only screen and (max-width: 1004px) { |
461 @media only screen and (max-width: 1004px) { |
450 .health-check-body { |
462 .health-check-body { |