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

30
lib/core/card-view/components/card-view-selectitem/select-filter-input/select-filter-input.component.scss Normal file
View File

@@ -0,0 +1,30 @@
$select-filter-height: 4em !default;
.adf-select-filter-input {
height: $select-filter-height;
display: flex;
.adf-select-filter-input-container {
position: absolute;
top: 0;
width: 100%;
display: flex;
z-index: 100;
font-size: 14px;
color: var(--theme-text-bold-color);
line-height: 3em;
height: $select-filter-height;
padding: 5px 16px 0;
background: var(--theme-card-bg-color);
}
.mat-form-field {
width: 100%;
}
}
.mat-select-panel.adf-select-filter {
transform: none !important;
overflow-x: hidden !important;
max-height: calc(256px + #{$select-filter-height});
}

1
lib/core/card-view/components/card-view-selectitem/select-filter-input/select-filter-input.component.ts
View File

@@ -24,6 +24,7 @@ import { takeUntil } from 'rxjs/operators';
@Component({
selector: 'adf-select-filter-input',
templateUrl: './select-filter-input.component.html',
styleUrls: ['./select-filter-input.component.scss'],
host: { 'class': 'adf-select-filter-input' },
encapsulation: ViewEncapsulation.None
})

35
lib/core/card-view/components/card-view-selectitem/select-filter-input/select-filter-input.theme.scss
View File

@@ -1,35 +0,0 @@
@mixin adf-select-filter-input-theme($theme) {
$mat-select-panel-max-height: 256px !default;
$select-filter-height: 4em !default;
$background: map-get($theme, background);
$foreground: map-get($theme, foreground);
.adf-select-filter-input {
height: $select-filter-height;
display: flex;
.adf-select-filter-input-container {
position: absolute;
top: 0;
width: 100%;
display: flex;
z-index: 100;
font-size: 14px;
color: mat-color($foreground, text, 0.87);
line-height: 3em;
height: $select-filter-height;
padding: 5px 16px 0;
background: mat-color($background, card);
}
.mat-form-field {
width: 100%;
}
}
.mat-select-panel.adf-select-filter {
transform: none !important;
overflow-x: hidden !important;
max-height: calc(#{$mat-select-panel-max-height} + #{$select-filter-height});
}
}