wp/wp-admin/css/site-health.css
changeset 21 48c4eec2b7e6
parent 19 3d72ae0968f4
child 22 8c2e4d02f4ef
equal deleted inserted replaced
20:7b1b88e27a20 21:48c4eec2b7e6
     7 }
     7 }
     8 
     8 
     9 .health-check-body h3 {
     9 .health-check-body h3 {
    10 	padding: 0;
    10 	padding: 0;
    11 	font-weight: 400;
    11 	font-weight: 400;
    12 }
       
    13 
       
    14 .health-check-widget-title-section {
       
    15 	text-align: center;
       
    16 }
    12 }
    17 
    13 
    18 .site-health-progress-wrapper {
    14 .site-health-progress-wrapper {
    19 	margin-bottom: 1rem;
    15 	margin-bottom: 1rem;
    20 }
    16 }
   218 	align-items: center;
   214 	align-items: center;
   219 	margin: 0.5rem 0 1rem;
   215 	margin: 0.5rem 0 1rem;
   220 }
   216 }
   221 
   217 
   222 .site-health-copy-buttons .success {
   218 .site-health-copy-buttons .success {
   223 	color: #008a20;
   219 	color: #007017;
   224 	margin-left: 0.5rem;
   220 	margin-left: 0.5rem;
   225 }
   221 }
   226 
   222 
   227 .site-status-has-issues.hide {
   223 .site-status-has-issues.hide {
   228 	display: none;
   224 	display: none;
   282 	position: relative;
   278 	position: relative;
   283 	padding-right: 40px;
   279 	padding-right: 40px;
   284 	padding-left: 20px;
   280 	padding-left: 20px;
   285 }
   281 }
   286 
   282 
   287 
       
   288 /* Better position for the WordPress admin notices and update nag. */
       
   289 .site-health .notice {
       
   290 	margin: 5px 20px 15px 22px;
       
   291 }
       
   292 
       
   293 .site-health .update-nag {
       
   294 	margin-bottom: 20px;
       
   295 	margin-left: 22px;
       
   296 }
       
   297 
       
   298 .health-check-wp-paths-sizes.spinner {
   283 .health-check-wp-paths-sizes.spinner {
   299 	visibility: visible;
   284 	visibility: visible;
   300 	float: none;
   285 	float: none;
   301 	margin: 0 4px;
   286 	margin: 0 4px;
   302 	flex-shrink: 0;
   287 	flex-shrink: 0;
   303 }
   288 }
   304 
   289 
   305 /* Styling unique to the dashboard widget. */
   290 /* Styling unique to the dashboard widget. */
   306 #dashboard_site_health .site-health-details {
   291 #dashboard_site_health .site-health-details {
   307 	padding-left: 16px;
   292 	padding-left: 16px;
       
   293 }
       
   294 
       
   295 #dashboard_site_health .site-health-details p:first-child {
       
   296 	margin-top: 0;
       
   297 }
       
   298 
       
   299 #dashboard_site_health .site-health-details p:last-child {
       
   300 	margin-bottom: 0;
   308 }
   301 }
   309 
   302 
   310 #dashboard_site_health .health-check-widget {
   303 #dashboard_site_health .health-check-widget {
   311 	display: grid;
   304 	display: grid;
   312 	grid-template-columns: 1fr 2fr;
   305 	grid-template-columns: 1fr 2fr;
   316 }
   309 }
   317 #dashboard_site_health .site-health-progress-label {
   310 #dashboard_site_health .site-health-progress-label {
   318 	margin-left: 0;
   311 	margin-left: 0;
   319 }
   312 }
   320 
   313 
       
   314 .health-check-widget-title-section {
       
   315 	margin-bottom: 0;
       
   316 	text-align: center;
       
   317 }
       
   318 
   321 @media screen and (max-width: 480px) {
   319 @media screen and (max-width: 480px) {
   322 	#dashboard_site_health .health-check-widget {
   320 	#dashboard_site_health .health-check-widget {
   323 		grid-template-columns: 100%;
   321 		grid-template-columns: 100%;
   324 	}
   322 	}
   325 }
   323 }