fix(pagination): taille des bouton en sm, ecart revu, ajout title

GouvernementFR · Dec 15, 2022 · 4456a30 · 4456a30
1 parent 49cf1ae
commit 4456a30
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 20 deletions.
diff --git a/src/component/pagination/example/sample/pagination.ejs b/src/component/pagination/example/sample/pagination.ejs
@@ -10,10 +10,10 @@ for (i = 130; i < 133; i++) pages.push({label:i, title:'Page ' + i, href:'#', di
 if (pagination.index !== undefined) pages[pagination.index].active = true;
 
 let data = {
-  first: { label: 'Première page', href:'#' },
-  prev: { label: 'Page précédente', href:'#', hasLgLabel: true },
-  next: { label: 'Page suivante', href:'#', hasLgLabel: true },
-  last: { label: 'Dernière page', href:'#' },
+  first: { label: 'Première page', title: 'Première page', href:'#' },
+  prev: { label: 'Page précédente', title: 'Page précédente', href:'#', hasLgLabel: true },
+  next: { label: 'Page suivante', title: 'Page suivante', href:'#', hasLgLabel: true },
+  last: { label: 'Dernière page', title: 'Dernière page', href:'#' },
   pages : pages
 }
 %>

diff --git a/src/component/pagination/style/_module.scss b/src/component/pagination/style/_module.scss
@@ -29,7 +29,7 @@
 
   &__link {
     @include min-size(8v);
-    @include margin-x(0.5v);
+    @include margin-x(2v);
     @include margin-bottom(4v);
     @include disable-underline;
     @include relative;
@@ -86,17 +86,5 @@
         @include nest-pagination(right, arrow-right-s-last-line, lg);
       }
     }
-
-    &--first,
-    &--prev {
-      @include margin-right(3.5v);
-      @include margin-left(-2.5v);
-    }
-
-    &--next,
-    &--last {
-      @include margin-right(-2.5v);
-      @include margin-left(3.5v);
-    }
   }
 }
diff --git a/src/component/pagination/style/_setting.scss b/src/component/pagination/style/_setting.scss
@@ -7,12 +7,12 @@ $pagination-build-settings:(
   selector: pagination__link,
   sizes: (
     md: (
-      font-size: 4v,
+      font-size: 3.5v,
       min-height: 8v,
       padding-x: 3v,
-      icon: md,
+      icon: sm,
       icon-margin-x: 2v,
-      icon-only: md
+      icon-only: sm,
     )
   ),
   display: flex