inteligr8/alfresco-content-app
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-content-app.git synced 2025-05-12 17:04:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

updated pagination styling (#2787)

Browse Source
This commit is contained in:
SheenaMalhotra182 2022-11-18 16:23:20 +05:30 committed by GitHub
parent bfe202fd09
commit 39f5904da8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 54 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/src/app/ui/custom-theme.scss
View File

@ -1,5 +1,6 @@
@use '@angular/material' as mat; @use '@angular/material' as mat;
@import './overrides/adf-style-fixes.theme'; @import './overrides/adf-style-fixes.theme';
@import './overrides/adf-pagination.theme';
@import './colors'; @import './colors';
$mat-primary-palette: mat.define-palette($aca-primary-blue, A100); $mat-primary-palette: mat.define-palette($aca-primary-blue, A100);
@ -18,4 +19,5 @@ $custom-theme: mat.define-light-theme(
@include mat.all-component-themes($theme); @include mat.all-component-themes($theme);
@include adf-core-theme($theme); @include adf-core-theme($theme);
@include adf-style-fixes($theme); @include adf-style-fixes($theme);
@include adf-pagination-theme($theme);
} }

2
app/src/app/ui/dynamic-theme/custom-theme.scss.tpl
View File

@ -1,5 +1,6 @@
@import '@angular/material/theming'; @import '@angular/material/theming';
@import './overrides/adf-style-fixes.theme'; @import './overrides/adf-style-fixes.theme';
@import './overrides/adf-pagination.theme';
@import "./dynamic-theme/theme-configuration"; @import "./dynamic-theme/theme-configuration";
@import "./dynamic-theme/typography"; @import "./dynamic-theme/typography";
@import "./dynamic-theme/custom-theme-palettes"; @import "./dynamic-theme/custom-theme-palettes";
@ -53,4 +54,5 @@ $custom-theme: mat-light-theme(
} }
@include adf-style-fixes($theme); @include adf-style-fixes($theme);
@include adf-pagination-theme($theme);
} }

48
app/src/app/ui/overrides/adf-pagination.theme.scss Normal file
View File

@ -0,0 +1,48 @@
@mixin adf-pagination-theme($theme) {
.adf-pagination__block {
flex: none !important;
padding: 0 !important;
font-weight: 400;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.25px;
}
.adf-pagination {
height: 32px !important;
line-height: 24px !important;
padding: 16px 0;
background: var(--theme-pagination-background-color);
}
.adf-pagination__range-block {
padding: 0 24px !important;
}
.adf-pagination__perpage-block {
flex: auto !important;
padding-right: 24px !important;
}
.adf-pagination__actualinfo-block {
padding-right: 12px !important;
.mat-menu-trigger {
display: none !important;
}
}
.adf-pagination__previous-button {
margin: 0 12px 0 0 !important;
}
.adf-pagination__next-button {
margin: 0 !important;
}
.adf-pagination__controls-block {
padding-right: 24px !important;
}
}

2
app/src/app/ui/variables/variables.scss
View File

@ -40,6 +40,7 @@ $blue-save-button-background: #1F74DB;
$black-heading: #4e4c4c; $black-heading: #4e4c4c;
$grey-dropdown-background: #eee; $grey-dropdown-background: #eee;
$grey-divider: rgba(0,0,0,.22); $grey-divider: rgba(0,0,0,.22);
$pagination-background-color: #ffffff;
$defaults: ( $defaults: (
--theme-primary-color: mat.get-color-from-palette($primary), --theme-primary-color: mat.get-color-from-palette($primary),
@ -68,6 +69,7 @@ $defaults: (
--theme-heading-color: $black-heading, --theme-heading-color: $black-heading,
--theme-dropdown-color: $grey-dropdown-background, --theme-dropdown-color: $grey-dropdown-background,
--theme-grey-divider-color: $grey-divider, --theme-grey-divider-color: $grey-divider,
--theme-pagination-background-color: $pagination-background-color,
); );
// propagates SCSS variables into the CSS variables scope // propagates SCSS variables into the CSS variables scope