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

[ACS-3751] New About Theme (#2784)

Browse Source 
* about theme placeholder

* added adf about styling overrides in ACA

* added about styling overrides

* moved adf-about style override file along with other overrides

Co-authored-by: SheenaMalhotra182 <sheena.malhotra@globallogic.com>
This commit is contained in:
Denys Vuika 2022-12-16 12:24:44 +00:00 committed by GitHub
parent 5ac0ff616d
commit 90493c0056
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 46 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,6 +2,7 @@
@import './overrides/adf-style-fixes.theme'; @import './overrides/adf-style-fixes.theme';
@import './overrides/adf-pagination.theme'; @import './overrides/adf-pagination.theme';
@import './overrides/ay11'; @import './overrides/ay11';
@import './overrides/adf-about.theme.scss';
@import './colors'; @import './colors';
$mat-primary-palette: mat.define-palette($aca-primary-blue, A100); $mat-primary-palette: mat.define-palette($aca-primary-blue, A100);
@ -23,4 +24,5 @@ $custom-theme: mat.define-light-theme($mat-primary-palette,
@include adf-style-fixes($theme); @include adf-style-fixes($theme);
@include adf-pagination-theme($theme); @include adf-pagination-theme($theme);
@include ay11-theme(); @include ay11-theme();
@include adf-about-theme($theme);
} }

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

@ -1,6 +1,7 @@
@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 './overrides/adf-pagination.theme';
@import './overrides/adf-about.theme.scss';
@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";
@ -55,4 +56,5 @@ $custom-theme: mat-light-theme(
@include adf-style-fixes($theme); @include adf-style-fixes($theme);
@include adf-pagination-theme($theme); @include adf-pagination-theme($theme);
@include adf-about-theme($theme);
} }

39
app/src/app/content-plugin/ui/overrides/adf-about.theme.scss Normal file
View File

@ -0,0 +1,39 @@
@mixin adf-about-theme($theme) {
adf-about {
/* custom ADF About Component Theme */
background-color: var(--theme-about-panel-background-color);
overflow: auto;
mat-accordion {
box-shadow: none !important;
border: none !important;
}
mat-expansion-panel {
box-shadow: none !important;
border-radius: 12px !important;
margin: 24px !important;
width: 95%;
border: 1px solid var(--theme-about-panel-border-color);
background-color: var(--theme-about-panel-background-color);
border-radius: 12px;
}
mat-expansion-panel-header {
display: flex;
height: 80px !important;
padding: 24px 24px;
line-height: 32px;
}
mat-panel-title {
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 24px;
color: var(--theme-about-panel-title-color);
}
}
}

3
app/src/app/content-plugin/ui/variables/variables.scss
View File

@ -70,6 +70,9 @@ $defaults: (
--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, --theme-pagination-background-color: $pagination-background-color,
--theme-about-panel-border-color: $grey-background,
--theme-about-panel-background-color: #ffffff,
--theme-about-panel-title-color: #212121,
); );
// propagates SCSS variables into the CSS variables scope // propagates SCSS variables into the CSS variables scope