inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

[AAE-5637] Remove SCSS mixins and use CSS variables (#7250)

Browse Source 
* remove default-class mixin and use regular import

* cleanup colors

* remove variables file, fix bugs in animations

* proper ordering of imports, core css vars

* cleanup snackbar and material themes

* tags component

* login component styles

* app login

* toolbar component styles

* breadcrumb styles

* dropdown breadcrumb

* app layout component

* demo shell: files component

* aspect list styles

* content metadata styles

* node selector

* name location cell

* node share dialog

* content type dialog

* folder dialog

* document list

* datatable theme

* pagination theme

* viewer theme

* viewer theme

* user-info theme

* container widget

* dynamic table theme

* form widgets

* form theme

* form renderer

* sidebar menu

* header theme

* info drawer theme

* comment list

* commens and layout container

* sidenav layout

* empty content

* error content

* clipboard theme

* search input

* tooltip card and notification history

* card view theme

* remove unused keys

* add permission dialog

* search and permission dialogs

* version comparison and column themes

* upload drag area and cleanup references

* remove the need for content styles

* insight components

* cleanup insights theme

* process components

* process components

* process cloud themes

* cleanup unsed imports

* cleanup mixins

* update build scripts

* test fixes

* remove fdescribe

* css fixes

* update unit tests
This commit is contained in:
Denys Vuika
2021-09-29 13:17:05 +01:00
committed by GitHub
parent 8113b9b10b
commit 6f968f7e4a
335 changed files with 7703 additions and 8339 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
lib/core/templates/empty-content/empty-content.component.scss Normal file
View File

@@ -0,0 +1,39 @@
.adf-empty-content {
color: var(--theme-text-color);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
&__icon {
.mat-icon {
font-size: var(--theme-display-3-font-size);
height: var(--theme-display-3-font-size) !important;
width: var(--theme-display-3-font-size) !important;
}
}
&__title {
font-size: 18px;
font-weight: 600;
line-height: 0;
white-space: normal;
text-align: center;
margin: 10px 0;
}
&__subtitle,
&__text {
font-size: 14px;
font-weight: 300;
line-height: inherit;
white-space: normal;
text-align: center;
}
.adf-icon {
opacity: 0.6;
}
}

1
lib/core/templates/empty-content/empty-content.component.ts
View File

@@ -20,6 +20,7 @@ import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input } from '@a
@Component({
selector: 'adf-empty-content',
templateUrl: './empty-content.component.html',
styleUrls: ['./empty-content.component.scss'],
changeDetection: ChangeDetectionStrategy.OnPush,
encapsulation: ViewEncapsulation.None,
host: { class: 'adf-empty-content' }

46
lib/core/templates/empty-content/empty-content.theme.scss
View File

@@ -1,46 +0,0 @@
@mixin adf-empty-content-theme($theme) {
$config: mat-typography-config();
$foreground: map-get($theme, foreground);
$adf-empty-content-icon-opacity: 0.6;
.adf-empty-content {
color: mat-color($foreground, text, 0.54);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
&__icon {
.mat-icon {
font-size: mat-font-size($config, display-3);
height: mat-font-size($config, display-3) !important;
width: mat-font-size($config, display-3) !important;
}
}
&__title {
font-size: 18px;
font-weight: 600;
line-height: 0;
white-space: normal;
text-align: center;
margin: 10px 0;
}
&__subtitle,
&__text {
font-size: 14px;
font-weight: 300;
line-height: inherit;
white-space: normal;
text-align: center;
}
.adf-icon {
opacity: $adf-empty-content-icon-opacity;
}
}
}

61
lib/core/templates/error-content/error-content.component.scss Normal file
View File

@@ -0,0 +1,61 @@
.adf-error-content {
color: var(--theme-text-color);
display: flex;
flex-direction: column;
align-items: center;
&-code {
font-size: 110px;
font-weight: 300;
margin-top: 200px;
margin-bottom: 45px;
}
&-shadow {
width: 170px;
height: 3px;
opacity: 0.54;
box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.39);
}
&-title {
font-size: 46px;
font-weight: normal;
margin-top: 40px;
margin-bottom: 10px;
}
&-description {
font-size: 24px;
font-weight: normal;
text-align: center;
width: 50%;
min-width: 250px;
margin-bottom: 60px;
line-height: 30px;
}
}
@media screen and (max-width: 959px) {
.adf-error-content {
&-code {
margin-top: 100px;
font-size: 50px;
margin-bottom: 25px;
}
&-shadow {
width: 100px;
}
&-title {
font-size: 24px;
}
&-description {
font-size: 17px;
}
}
}

1
lib/core/templates/error-content/error-content.component.ts
View File

@@ -27,6 +27,7 @@ import { TranslationService } from '../../services/translation.service';
@Component({
selector: 'adf-error-content',
templateUrl: './error-content.component.html',
styleUrls: ['./error-content.component.scss'],
changeDetection: ChangeDetectionStrategy.OnPush,
encapsulation: ViewEncapsulation.None,
host: { class: 'adf-error-content' }

65
lib/core/templates/error-content/error-content.theme.scss
View File

@@ -1,65 +0,0 @@
@mixin adf-error-content-theme($theme) {
$foreground: map-get($theme, foreground);
.adf-error-content {
color: mat-color($foreground, text, 0.54);
display: flex;
flex-direction: column;
align-items: center;
&-code {
font-size: 110px;
font-weight: 300;
margin-top: 200px;
margin-bottom: 45px;
}
&-shadow {
width: 170px;
height: 3px;
opacity: 0.54;
box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.39);
}
&-title {
font-size: 46px;
font-weight: normal;
margin-top: 40px;
margin-bottom: 10px;
}
&-description {
font-size: 24px;
font-weight: normal;
text-align: center;
width: 50%;
min-width: 250px;
margin-bottom: 60px;
line-height: 30px;
}
}
@media screen and (max-width: 959px) {
.adf-error-content {
&-code {
margin-top: 100px;
font-size: 50px;
margin-bottom: 25px;
}
&-shadow {
width: 100px;
}
&-title {
font-size: 24px;
}
&-description {
font-size: 17px;
}
}
}
}