Updated responsive behavior for pagination

djanelle-mit · djanelle-mit · commit 27fed12e2bb1 · 2025-11-17T09:36:12.000-05:00
diff --git a/app/assets/stylesheets/partials/_pagination.scss b/app/assets/stylesheets/partials/_pagination.scss
@@ -46,4 +46,11 @@
   .first span {
     text-decoration-color: $color-border-default;
   }
+
+  // Hide the first link and count on smaller screens
+  @media (max-width: $bp-screen-md) {
+    justify-content: space-between;
+
+    .center-elements {display: none;}
+  }  
 }

Original file line number	Diff line number	Diff line change
`@@ -46,4 +46,11 @@`
`46`	`46`	`.first span {`
`47`	`47`	`text-decoration-color: $color-border-default;`
`48`	`48`	`}`
	`49`	`+`
	`50`	`+ // Hide the first link and count on smaller screens`
	`51`	`+ @media (max-width: $bp-screen-md) {`
	`52`	`+ justify-content: space-between;`
	`53`	`+`
	`54`	`+ .center-elements {display: none;}`
	`55`	`+ }`
`49`	`56`	`}`