fix(pagination): remove x margin between page numbers (#1179)

Orange-OpenSource · May 2, 2022 · 4db3ced · 4db3ced
1 parent 6d893e1
commit 4db3ced
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/scss/_pagination.scss b/scss/_pagination.scss
@@ -148,6 +148,8 @@
   }
 
   &:first-child .page-link {
+    margin-right: $pagination-margin-x-first-last;
+
     &:not(:empty) {
       padding-right: $pagination-padding-end;
     }
@@ -172,6 +174,10 @@
     }
   }
 
+  &:last-child:not(:nth-child(2)) .page-link {
+    margin-left: $pagination-margin-x-first-last;
+  }
+
   @include media-breakpoint-down(sm) {
     @include pagination-max-items(4);
   }

diff --git a/scss/_variables.scss b/scss/_variables.scss
@@ -1401,7 +1401,8 @@ $pagination-bg:                     $white !default;
 $pagination-border-radius:          null !default; // Boosted mod
 $pagination-border-width:           $border-width !default;
 $pagination-margin-y:               $spacer !default; // Boosted mod
-$pagination-margin-start:           $spacer * .5 !default; // Boosted mod
+$pagination-margin-start:           0 !default; // Boosted mod
+$pagination-margin-x-first-last:    $spacer * .5 !default; // Boosted mod
 $pagination-border-color:           transparent !default; // Boosted mod
 
 $pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default; // Boosted mod