From 4456a30ff8900e9fe36a35259d7b3eb7ac38a039 Mon Sep 17 00:00:00 2001 From: keryan Date: Thu, 15 Dec 2022 17:54:10 +0100 Subject: [PATCH] fix(pagination): taille des bouton en sm, ecart revu, ajout title --- .../pagination/example/sample/pagination.ejs | 8 ++++---- src/component/pagination/style/_module.scss | 14 +------------- src/component/pagination/style/_setting.scss | 6 +++--- 3 files changed, 8 insertions(+), 20 deletions(-) diff --git a/src/component/pagination/example/sample/pagination.ejs b/src/component/pagination/example/sample/pagination.ejs index 583d9fb17..ce62da989 100755 --- 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 index 43b6475ea..f566c9cdb 100644 --- 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 index a26c9a819..d94b09c54 100644 --- 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