mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-24 17:32:15 +00:00
[ADF-theming-fix] Fix theming related issues (#2276)
* First steps * Every package have separate entry points for styling mixins * Moving to config dir, and using it in demo shell * Remove webpack config include path magic from activiti-form package * Fixing all the webpack common configs and using relative paths in the prebuilt themes * Datatable header fix * Update documentation
This commit is contained in:
Popovics András
committed by
Mario Romano
Mario Romano
parent
738290ce37
commit
407e11664a
@@ -1,67 +0,0 @@
|
||||
@import '../../ng2-alfresco-documentlist/src/components/breadcrumb/breadcrumb.component';
|
||||
@import '../../ng2-alfresco-documentlist/src/components/breadcrumb/dropdown-breadcrumb.component';
|
||||
@import '../../ng2-alfresco-documentlist/src/components/content-node-selector/content-node-selector.component';
|
||||
|
||||
@import '../../ng2-activiti-form/src/components/widgets/form';
|
||||
@import '../../ng2-activiti-form/src/components/widgets/container/container.widget';
|
||||
@import '../../ng2-activiti-form/src/components/widgets/dynamic-table/dynamic-table.widget.scss';
|
||||
|
||||
@import '../../ng2-activiti-diagrams/src/components/tooltip/diagram-tooltip.component';
|
||||
|
||||
@import '../../ng2-activiti-analytics/src/components/analytics-report-list.component';
|
||||
|
||||
@import '../../ng2-activiti-tasklist/src/components/comment-list.component';
|
||||
@import '../../ng2-activiti-tasklist/src/components/start-task.component';
|
||||
@import '../../ng2-activiti-tasklist/src/components/people-search.component';
|
||||
@import '../../ng2-activiti-tasklist/src/components/people.component';
|
||||
@import '../../ng2-activiti-tasklist/src/components/task-filters.component';
|
||||
@import '../../ng2-activiti-tasklist/src/components/task-header.component';
|
||||
|
||||
@import '../../ng2-activiti-processlist/src/components/process-filters.component';
|
||||
|
||||
@import '../../ng2-alfresco-upload/src/components/file-uploading-list-row.component';
|
||||
@import '../../ng2-alfresco-upload/src/components/file-uploading-dialog.component';
|
||||
|
||||
@import '../../ng2-alfresco-login/src/components/login.component';
|
||||
|
||||
@import '../../ng2-alfresco-core/src/components/collapsable/accordion-group.component';
|
||||
@import '../../ng2-alfresco-core/src/components/view/card-view-textitem.component';
|
||||
@import '../../ng2-alfresco-core/src/components/view/card-view-dateitem.component';
|
||||
@import '../../ng2-alfresco-core/src/components/view/card-view.component';
|
||||
@import '../../ng2-alfresco-core/src/components/toolbar/toolbar.component';
|
||||
@import '../../ng2-alfresco-core/src/components/pagination/pagination.component';
|
||||
@import '../../ng2-alfresco-core/styles/theme-colors';
|
||||
|
||||
@import '../../ng2-alfresco-datatable/src/components/datatable/datatable.component.scss';
|
||||
@import '../../ng2-alfresco-userinfo/src/components/user-info.component.scss';
|
||||
|
||||
|
||||
@mixin alfresco-material-theme($theme) {
|
||||
@include mat-colors-theme($theme);
|
||||
@include mat-breadcrumb-theme($theme);
|
||||
@include mat-form-theme($theme);
|
||||
@include mat-container-widget-theme($theme);
|
||||
@include mat-diagram-tooltip-theme($theme);
|
||||
@include mat-comment-list-theme($theme);
|
||||
@include mat-start-task-theme($theme);
|
||||
@include mat-people-search-theme($theme);
|
||||
@include mat-file-uploading-row-theme($theme);
|
||||
@include mat-people-theme($theme);
|
||||
@include mat-login-theme($theme);
|
||||
@include mat-accordion-theme($theme);
|
||||
@include mat-filters-task-theme($theme);
|
||||
@include mat-filters-process-theme($theme);
|
||||
@include mat-analytics-report-list-theme($theme);
|
||||
@include mat-header-theme($theme);
|
||||
@include mat-card-view-textitem-theme($theme);
|
||||
@include mat-card-view-dateitem-theme($theme);
|
||||
@include mat-pagination-theme($theme);
|
||||
@include mat-upload-dialog-theme($theme);
|
||||
@include mat-card-view-theme($theme);
|
||||
@include mat-adf-toolbar-theme($theme);
|
||||
@include mat-dynamic-table-theme($theme);
|
||||
@include mat-breadcrumb-dropdown-theme($theme);
|
||||
@include mat-datatable-theme($theme);
|
||||
@include mat-content-node-selector-theme($theme);
|
||||
@include mat-userinfo-theme($theme);
|
||||
}
|
||||
17
ng2-components/ng2-alfresco-core/styles/_index.scss
Normal file
17
ng2-components/ng2-alfresco-core/styles/_index.scss
Normal file
@@ -0,0 +1,17 @@
|
||||
@import './theme-colors';
|
||||
@import '../src/components/collapsable/accordion-group.component';
|
||||
@import '../src/components/view/card-view-textitem.component';
|
||||
@import '../src/components/view/card-view-dateitem.component';
|
||||
@import '../src/components/view/card-view.component';
|
||||
@import '../src/components/toolbar/toolbar.component';
|
||||
@import '../src/components/pagination/pagination.component';
|
||||
|
||||
@mixin alfresco-core-theme($theme) {
|
||||
@include mat-accordion-theme($theme);
|
||||
@include mat-card-view-textitem-theme($theme);
|
||||
@include mat-card-view-dateitem-theme($theme);
|
||||
@include mat-card-view-theme($theme);
|
||||
@include mat-adf-toolbar-theme($theme);
|
||||
@include mat-pagination-theme($theme);
|
||||
@include mat-colors-theme($theme);
|
||||
}
|
||||
@@ -1,6 +1,5 @@
|
||||
@import 'mixins';
|
||||
@import 'variables';
|
||||
@import 'colors';
|
||||
@import '_all-theme';
|
||||
@import './mixins';
|
||||
@import './variables';
|
||||
@import './colors';
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
|
||||
@@ -1,13 +0,0 @@
|
||||
@import '~@angular/material/theming';
|
||||
@import '../colors';
|
||||
@import '../all-theme';
|
||||
|
||||
@include mat-core();
|
||||
|
||||
$primary: mat-palette($alfresco-ecm-blue);
|
||||
$accent: mat-palette($alfresco-accent-orange);
|
||||
$warn: mat-palette($alfresco-warn);
|
||||
$theme: mat-light-theme($primary, $accent, $warn);
|
||||
|
||||
@include angular-material-theme($theme);
|
||||
@include alfresco-material-theme($theme);
|
||||
@@ -1,13 +0,0 @@
|
||||
@import '~@angular/material/theming';
|
||||
@import '../colors';
|
||||
@import '../all-theme';
|
||||
|
||||
@include mat-core();
|
||||
|
||||
$primary: mat-palette($alfresco-ecm-blue);
|
||||
$accent: mat-palette($alfresco-accent-purple);
|
||||
$warn: mat-palette($alfresco-warn);
|
||||
$theme: mat-light-theme($primary, $accent, $warn);
|
||||
|
||||
@include angular-material-theme($theme);
|
||||
@include alfresco-material-theme($theme);
|
||||
@@ -1,13 +0,0 @@
|
||||
@import '~@angular/material/theming';
|
||||
@import '../colors';
|
||||
@import '../all-theme';
|
||||
|
||||
@include mat-core();
|
||||
|
||||
$primary: mat-palette($alfresco-ecm-cyan);
|
||||
$accent: mat-palette($alfresco-accent-orange);
|
||||
$warn: mat-palette($alfresco-warn);
|
||||
$theme: mat-light-theme($primary, $accent, $warn);
|
||||
|
||||
@include angular-material-theme($theme);
|
||||
@include alfresco-material-theme($theme);
|
||||
@@ -1,13 +0,0 @@
|
||||
@import '~@angular/material/theming';
|
||||
@import '../colors';
|
||||
@import '../all-theme';
|
||||
|
||||
@include mat-core();
|
||||
|
||||
$primary: mat-palette($alfresco-ecm-cyan);
|
||||
$accent: mat-palette($alfresco-accent-purple);
|
||||
$warn: mat-palette($alfresco-warn);
|
||||
$theme: mat-light-theme($primary, $accent, $warn);
|
||||
|
||||
@include angular-material-theme($theme);
|
||||
@include alfresco-material-theme($theme);
|
||||
@@ -1,13 +0,0 @@
|
||||
@import '~@angular/material/theming';
|
||||
@import '../colors';
|
||||
@import '../all-theme';
|
||||
|
||||
@include mat-core();
|
||||
|
||||
$primary: mat-palette($alfresco-bpm-green);
|
||||
$accent: mat-palette($alfresco-accent-orange);
|
||||
$warn: mat-palette($alfresco-warn);
|
||||
$theme: mat-light-theme($primary, $accent, $warn);
|
||||
|
||||
@include angular-material-theme($theme);
|
||||
@include alfresco-material-theme($theme);
|
||||
@@ -1,13 +0,0 @@
|
||||
@import '~@angular/material/theming';
|
||||
@import '../colors';
|
||||
@import '../all-theme';
|
||||
|
||||
@include mat-core();
|
||||
|
||||
$primary: mat-palette($alfresco-bpm-green);
|
||||
$accent: mat-palette($alfresco-accent-purple);
|
||||
$warn: mat-palette($alfresco-warn);
|
||||
$theme: mat-light-theme($primary, $accent, $warn);
|
||||
|
||||
@include angular-material-theme($theme);
|
||||
@include alfresco-material-theme($theme);
|
||||
@@ -1,11 +0,0 @@
|
||||
@import '../all-theme';
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@include mat-core();
|
||||
|
||||
$primary: mat-palette($mat-indigo);
|
||||
$accent: mat-palette($mat-pink, A200, A100, A400);
|
||||
$theme: mat-light-theme($primary, $accent);
|
||||
|
||||
@include angular-material-theme($theme);
|
||||
@include alfresco-material-theme($theme);
|
||||
@@ -1,11 +0,0 @@
|
||||
@import '../all-theme';
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@include mat-core();
|
||||
|
||||
$primary: mat-palette($mat-pink, 700, 500, 900);
|
||||
$accent: mat-palette($mat-blue-grey, A200, A100, A400);
|
||||
$theme: mat-dark-theme($primary, $accent);
|
||||
|
||||
@include angular-material-theme($theme);
|
||||
@include alfresco-material-theme($theme);
|
||||
@@ -1,11 +0,0 @@
|
||||
@import '../all-theme';
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@include mat-core();
|
||||
|
||||
$primary: mat-palette($mat-purple, 700, 500, 800);
|
||||
$accent: mat-palette($mat-green, A200, A100, A400);
|
||||
$theme: mat-dark-theme($primary, $accent);
|
||||
|
||||
@include angular-material-theme($theme);
|
||||
@include alfresco-material-theme($theme);
|
||||
Reference in New Issue
Block a user