Added a new class .wpr-notice-70 to limit the maximum width of the notice description to 70%.

Miraeld · Miraeld · commit 6e805c1289a2 · 2025-10-06T12:28:02.000+01:00
- Updated the notice description div in the URLs table to include the new class for improved layout.
diff --git a/assets/css/wpr-admin.css b/assets/css/wpr-admin.css
@@ -3119,6 +3119,9 @@ div.wpr-tutorial-item {
 .wpr-pma-notice .wpr-notice-container, .wpr-pma-notice p:first-child {
   padding: 16px;
 }
+.wpr-pma-notice .wpr-notice-70 {
+  max-width: 70%;
+}
 .wpr-pma-notice .wpr-notice-description, .wpr-pma-notice p {
   margin: 0;
 }
diff --git a/assets/css/wpr-admin.min.css b/assets/css/wpr-admin.min.css
diff --git a/src/scss/components/_performanceUrlsTable.scss b/src/scss/components/_performanceUrlsTable.scss
@@ -6,6 +6,9 @@
 	.wpr-notice-container, p:first-child{
 		padding: 2*$space;
 	}
+	.wpr-notice-70 {
+		max-width: 70%;
+	}
 	.wpr-notice-description, p{
 		margin: 0;
 	}
diff --git a/views/settings/partials/performance-monitoring/urls-table.php b/views/settings/partials/performance-monitoring/urls-table.php
@@ -28,7 +28,7 @@
 ?>
 <div class="<?php echo esc_attr( $wp_rocket_pm_quota_banner_class ); ?>" id="wpr-pma-quota-banner">
 	<div class="wpr-notice-container">
-		<div class="wpr-notice-description">
+		<div class="wpr-notice-description wpr-notice-70">
 			<?php
 			printf(
 			// Translators: %1$s = opening strong tag, %2$s = closing strong tag.

Original file line number	Diff line number	Diff line change
`@@ -3119,6 +3119,9 @@ div.wpr-tutorial-item {`
`3119`	`3119`	`.wpr-pma-notice .wpr-notice-container, .wpr-pma-notice p:first-child {`
`3120`	`3120`	`padding: 16px;`
`3121`	`3121`	`}`
	`3122`	`+.wpr-pma-notice .wpr-notice-70 {`
	`3123`	`+ max-width: 70%;`
	`3124`	`+}`
`3122`	`3125`	`.wpr-pma-notice .wpr-notice-description, .wpr-pma-notice p {`
`3123`	`3126`	`margin: 0;`
`3124`	`3127`	`}`
Original file line number	Diff line number	Diff line change
`@@ -6,6 +6,9 @@`
`6`	`6`	`.wpr-notice-container, p:first-child{`
`7`	`7`	`padding: 2*$space;`
`8`	`8`	`}`
	`9`	`+ .wpr-notice-70 {`
	`10`	`+ max-width: 70%;`
	`11`	`+ }`
`9`	`12`	`.wpr-notice-description, p{`
`10`	`13`	`margin: 0;`
`11`	`14`	`}`