inteligr8/alfresco-content-app
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-content-app.git synced 2025-10-01 14:41:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

use css variables for About screen (#1111)

Browse Source
This commit is contained in:
Denys Vuika
2019-05-17 11:52:58 +01:00
committed by GitHub
parent 5ffdf75f52
commit 9892580e29
4 changed files with 26 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/app/components/about/about.component.scss Normal file
View File

@@ -0,0 +1,25 @@
.app-about {
.main-content {
padding: 10px;
article {
color: var(--theme-text-color);
padding: 25px 0 25px 0;
& > header {
line-height: 24px;
font-size: 14px;
font-weight: 800;
letter-spacing: -0.2px;
}
}
article:first-of-type {
padding-bottom: 0;
}
article:last-of-type {
margin-bottom: 50px;
}
}
}

29
src/app/components/about/about.component.theme.scss
View File

@@ -1,29 +0,0 @@
@mixin aca-about-component-theme($theme) {
$foreground: map-get($theme, foreground);
.app-about {
.main-content {
padding: 10px;
article {
color: mat-color($foreground, text, 0.54);
padding: 25px 0 25px 0;
& > header {
line-height: 24px;
font-size: 14px;
font-weight: 800;
letter-spacing: -0.2px;
}
}
article:first-of-type {
padding-bottom: 0;
}
article:last-of-type {
margin-bottom: 50px;
}
}
}
}

1
src/app/components/about/about.component.ts
View File

@@ -34,6 +34,7 @@ import { version, dependencies } from '../../../../package.json';
@Component({ @Component({
selector: 'app-about', selector: 'app-about',
templateUrl: './about.component.html', templateUrl: './about.component.html',
styleUrls: ['about.component.scss'],
encapsulation: ViewEncapsulation.None, encapsulation: ViewEncapsulation.None,
host: { class: 'app-about' } host: { class: 'app-about' }
}) })

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

@@ -2,7 +2,6 @@
@import '~@alfresco/adf-content-services/theming'; @import '~@alfresco/adf-content-services/theming';
@import '../components/sidenav/sidenav.component.theme'; @import '../components/sidenav/sidenav.component.theme';
@import '../components/about/about.component.theme';
@import '../components/search/search-input/search-input.component.theme'; @import '../components/search/search-input/search-input.component.theme';
@import '../components/settings/settings.component.theme'; @import '../components/settings/settings.component.theme';
@import '../components/current-user/current-user.component.theme'; @import '../components/current-user/current-user.component.theme';
@@ -71,7 +70,6 @@ $warn: map-get($custom-theme, warn);
@include aca-settings-theme($theme); @include aca-settings-theme($theme);
@include snackbar-theme($theme); @include snackbar-theme($theme);
@include sidenav-component-theme($theme); @include sidenav-component-theme($theme);
@include aca-about-component-theme($theme);
@include aca-current-user-theme($theme); @include aca-current-user-theme($theme);
@include aca-context-menu-theme($theme); @include aca-context-menu-theme($theme);
@include app-create-menu-theme($theme); @include app-create-menu-theme($theme);