Skip to content

Commit

Permalink
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat(Pagination): support 's' and 'xl' variants in PaginationSize
Browse files Browse the repository at this point in the history
spotikhanov committed Aug 19, 2024
1 parent 7dbcc0b commit c25091e
Showing 5 changed files with 33 additions and 1 deletion.
Original file line number Diff line number Diff line change
@@ -9,11 +9,19 @@ $block: '.#{variables.$ns}pagination-ellipsis';
align-items: flex-end;
color: var(--g-color-text-secondary);

&_size_s {
padding-block-end: 3px;
}

&_size_m {
padding-block-end: 5px;
}

&_size_l {
padding-block-end: 9px;
}

&_size_xl {
padding-block-end: 11px;
}
}
Original file line number Diff line number Diff line change
@@ -3,11 +3,19 @@
$block: '.#{variables.$ns}pagination-input';

#{$block} {
&#{$block}_size_s {
width: 70px;
}

&#{$block}_size_m {
width: 80px;
}

&#{$block}_size_l {
width: 90px;
}

&#{$block}_size_xl {
width: 100px;
}
}
Original file line number Diff line number Diff line change
@@ -9,12 +9,20 @@ $block: '.#{variables.$ns}pagination-page';
display: flex;
align-items: center;

&_size_s {
padding: 0 8px;
}

&_size_m {
padding: 0 13px;
}

&_size_l {
padding: 0 18px;
}

&_size_xl {
padding: 0 21px;
}
}
}
Original file line number Diff line number Diff line change
@@ -9,11 +9,19 @@ $block: '.#{variables.$ns}pagination-page-of';
align-items: flex-end;
color: var(--g-color-text-secondary);

&_size_s {
padding-block-end: 3px;
}

&_size_m {
padding-block-end: 5px;
}

&_size_l {
padding-block-end: 9px;
}

&_size_xl {
padding-block-end: 11px;
}
}
2 changes: 1 addition & 1 deletion src/components/Pagination/types.ts
Original file line number Diff line number Diff line change
@@ -2,7 +2,7 @@ import type {QAProps} from '../types';

export type ActionName = 'previous' | 'next' | 'first';

export type PaginationSize = 'm' | 'l';
export type PaginationSize = 's' | 'm' | 'l' | 'xl';

export type PaginationProps = {
/**

0 comments on commit c25091e

Please sign in to comment.