pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[IMP] web, website: review pagination design

Browse Source 
In the context of the website's theme redesign, this commit adapts the
pagination component design.

task-3097005

Part-of: odoo/odoo#120302
Co-authored-by: Brieuc-brd <brd@odoo.com>
This commit is contained in:
stefanorigano (SRI)
2023-10-08 10:45:45 +00:00
committed by qsm-odoo
co-authored by Brieuc-brd
parent 0d96be06fa
commit a2c496c4a4
2 changed files with 46 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/web/static/src/scss/bootstrap_review_frontend.scss
Vendored
+5
View File
@@ -90,3 +90,8 @@ $o-navbar-nav-pills-link-border-radius: $nav-pills-border-radius !default;
.carousel-control-next .visually-hidden {
left: 50%; // Avoid horizontal scrollbar in Chrome
}
.pagination {
// Ensure circle for one digit numbers
font-variant-numeric: tabular-nums;
}
addons/website/static/src/scss/bootstrap_overridden.scss
Vendored
+41
View File
@@ -44,6 +44,14 @@ $color-contrast-light: o-color('white') !default;
// You can add more entries to the $spacers map, should you need more variation.
$spacer: 1rem !default; // Need to predefine as used below
$spacers: (
0: 0,
1: $spacer * .25,
2: $spacer * .5,
3: $spacer,
4: $spacer * 1.5,
5: $spacer * 3,
) !default; // BS default
// Body
//
@@ -280,3 +288,36 @@ $modal-footer-border-width: 0 !default;
// HR Separator
$hr-color: $border-color !default;
// Pagination
// Arbitrary values to get a circle for 1 digit numbers
$pagination-padding-y: 0.4ch !default;
$pagination-padding-x: 1.2ch !default;
$pagination-border-radius: $border-radius-pill !default;
$pagination-margin-start: map-get($map: $spacers, $key: 1) !default;
$pagination-border-color: transparent !default;
$pagination-bg: $body-bg !default;
$pagination-color: color-contrast($pagination-bg) !default;
$pagination-transition: none !default;
$pagination-focus-bg: $light !default;
$pagination-focus-color: color-contrast($light) !default;
$pagination-focus-box-shadow: 0 0 0 1px $pagination-focus-bg !default;
$pagination-hover-bg: $light !default;
$pagination-hover-color: color-contrast($light) !default;
$pagination-hover-border-color: $light !default;
$pagination-disabled-color: rgba(color-contrast($pagination-bg), 0.5) !default;
$pagination-disabled-border-color: transparent !default;
$pagination-disabled-bg: $pagination-bg !default;
$pagination-padding-y-sm: $pagination-padding-y !default;
$pagination-padding-x-sm: $pagination-padding-x !default;
$pagination-padding-y-lg: $pagination-padding-y !default;
$pagination-padding-x-lg: $pagination-padding-x !default;
$pagination-border-radius-lg: $pagination-border-radius !default;
$pagination-border-radius-sm: $pagination-border-radius !default;