mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2026-09-09 18:03:21 +00:00
[ADF-5406] SCSS and HTML template path fixes (#7063)
* remove useless mixin * fix scss paths * style fixes * fix styles * style fixes * style fixes * style fixes * style fixes * insights fixes * css and template path fixes * bug fixes
This commit is contained in:
Denys Vuika
@@ -1,32 +1,29 @@
|
||||
@mixin adf-buttons-menu-theme($theme) {
|
||||
.adf-buttons-menu {
|
||||
margin-right: 10px;
|
||||
|
||||
.adf-buttons-menu {
|
||||
& div {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
&-mobile {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
& div {
|
||||
display: flex;
|
||||
&-desktop {
|
||||
display: flex;
|
||||
|
||||
button {
|
||||
color: black;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
&-mobile {
|
||||
margin-right: 10px;
|
||||
button > span {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&-desktop {
|
||||
display: flex;
|
||||
|
||||
button {
|
||||
color: black;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
button > span {
|
||||
display: none;
|
||||
}
|
||||
|
||||
button > mat-icon.mat-icon.material-icons {
|
||||
color: black;
|
||||
margin: 0 10px;
|
||||
}
|
||||
button > mat-icon.mat-icon.material-icons {
|
||||
color: black;
|
||||
margin: 0 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -15,13 +15,14 @@
|
||||
* limitations under the License.
|
||||
*/
|
||||
|
||||
import { Component, ContentChildren, QueryList, AfterContentInit } from '@angular/core';
|
||||
import { Component, ContentChildren, QueryList, AfterContentInit, ViewEncapsulation } from '@angular/core';
|
||||
import { MatMenuItem } from '@angular/material/menu';
|
||||
|
||||
@Component({
|
||||
selector: 'adf-buttons-action-menu',
|
||||
templateUrl: './buttons-menu.component.html',
|
||||
styleUrls: ['./buttons-menu.component.scss']
|
||||
styleUrls: ['./buttons-menu.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
|
||||
export class ButtonsMenuComponent implements AfterContentInit {
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@mixin adf-card-view-array-item-theme($theme) {
|
||||
$foreground: map-get($theme, foreground);
|
||||
|
||||
|
||||
@@ -22,8 +22,7 @@ import { BaseCardView } from '../base-card-view';
|
||||
|
||||
@Component({
|
||||
selector: 'adf-card-view-arrayitem',
|
||||
templateUrl: './card-view-arrayitem.component.html',
|
||||
styleUrls: ['./card-view-arrayitem.component.scss']
|
||||
templateUrl: './card-view-arrayitem.component.html'
|
||||
})
|
||||
export class CardViewArrayItemComponent extends BaseCardView<CardViewArrayItemModel> {
|
||||
|
||||
|
||||
@@ -1,2 +0,0 @@
|
||||
.adf {
|
||||
}
|
||||
@@ -23,8 +23,7 @@ import { BaseCardView } from '../base-card-view';
|
||||
|
||||
@Component({
|
||||
selector: 'adf-card-view-boolitem',
|
||||
templateUrl: './card-view-boolitem.component.html',
|
||||
styleUrls: ['./card-view-boolitem.component.scss']
|
||||
templateUrl: './card-view-boolitem.component.html'
|
||||
})
|
||||
|
||||
export class CardViewBoolItemComponent extends BaseCardView<CardViewBoolItemModel> {
|
||||
|
||||
@@ -41,8 +41,7 @@ import { TranslationService } from '../../../services/translation.service';
|
||||
{ provide: MAT_DATETIME_FORMATS, useValue: MAT_MOMENT_DATETIME_FORMATS }
|
||||
],
|
||||
selector: 'adf-card-view-dateitem',
|
||||
templateUrl: './card-view-dateitem.component.html',
|
||||
styleUrls: ['./card-view-dateitem.component.scss']
|
||||
templateUrl: './card-view-dateitem.component.html'
|
||||
})
|
||||
export class CardViewDateItemComponent extends BaseCardView<CardViewDateItemModel> implements OnInit, OnDestroy {
|
||||
|
||||
|
||||
+1
-2
@@ -24,8 +24,7 @@ import { BaseCardView } from '../base-card-view';
|
||||
|
||||
@Component({
|
||||
selector: 'adf-card-view-boolitem',
|
||||
templateUrl: './card-view-keyvaluepairsitem.component.html',
|
||||
styleUrls: ['./card-view-keyvaluepairsitem.component.scss']
|
||||
templateUrl: './card-view-keyvaluepairsitem.component.html'
|
||||
})
|
||||
|
||||
export class CardViewKeyValuePairsItemComponent extends BaseCardView<CardViewKeyValuePairsItemModel> implements OnChanges {
|
||||
|
||||
-1
@@ -24,7 +24,6 @@ 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
|
||||
})
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@mixin adf-card-view-textitem-theme($theme) {
|
||||
$foreground: map-get($theme, foreground);
|
||||
$outline: 1px solid mat-color($alfresco-ecm-blue, A200) !default;
|
||||
|
||||
@@ -38,8 +38,7 @@ const templateTypes = {
|
||||
|
||||
@Component({
|
||||
selector: 'adf-card-view-textitem',
|
||||
templateUrl: './card-view-textitem.component.html',
|
||||
styleUrls: ['./card-view-textitem.component.scss']
|
||||
templateUrl: './card-view-textitem.component.html'
|
||||
})
|
||||
export class CardViewTextItemComponent extends BaseCardView<CardViewTextItemModel> implements OnChanges {
|
||||
|
||||
|
||||
@@ -1,7 +1,4 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@mixin adf-card-view-theme($theme) {
|
||||
$primary: map-get($theme, primary);
|
||||
$foreground: map-get($theme, foreground);
|
||||
|
||||
.adf-property-list {
|
||||
|
||||
@@ -21,8 +21,7 @@ import { DEFAULT_SEPARATOR } from '../card-view-textitem/card-view-textitem.comp
|
||||
|
||||
@Component({
|
||||
selector: 'adf-card-view',
|
||||
templateUrl: './card-view.component.html',
|
||||
styleUrls: ['./card-view.component.scss']
|
||||
templateUrl: './card-view.component.html'
|
||||
})
|
||||
export class CardViewComponent {
|
||||
/** (**required**) Items to show in the card view. */
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@mixin adf-clipboard-theme($theme) {
|
||||
$primary: map-get($theme, primary);
|
||||
$config: mat-typography-config();
|
||||
|
||||
@@ -78,10 +78,7 @@ export class ClipboardDirective {
|
||||
|
||||
@Component({
|
||||
selector: 'adf-copy-content-tooltip',
|
||||
template: `
|
||||
<span class='adf-copy-tooltip'>{{ placeholder | translate }} </span>
|
||||
`,
|
||||
styleUrls: ['./clipboard.component.scss'],
|
||||
template: `<span class='adf-copy-tooltip'>{{ placeholder | translate }} </span>`,
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class ClipboardComponent implements OnInit {
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@mixin adf-task-list-comment-list-theme($theme) {
|
||||
$primary: map-get($theme, primary);
|
||||
$foreground: map-get($theme, foreground);
|
||||
|
||||
@@ -26,7 +26,6 @@ import { takeUntil } from 'rxjs/operators';
|
||||
@Component({
|
||||
selector: 'adf-comment-list',
|
||||
templateUrl: './comment-list.component.html',
|
||||
styleUrls: ['./comment-list.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@mixin adf-task-list-comment-theme($theme) {
|
||||
$foreground: map-get($theme, foreground);
|
||||
$header-border: 1px solid mat-color($foreground, divider);
|
||||
|
||||
@@ -24,8 +24,7 @@ import { share } from 'rxjs/operators';
|
||||
|
||||
@Component({
|
||||
selector: 'adf-comments',
|
||||
templateUrl: './comments.component.html',
|
||||
styleUrls: ['./comments.component.scss']
|
||||
templateUrl: './comments.component.html'
|
||||
})
|
||||
export class CommentsComponent implements OnChanges {
|
||||
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@mixin adf-datatable-theme($theme) {
|
||||
$foreground: map-get($theme, foreground);
|
||||
$background: map-get($theme, background);
|
||||
|
||||
@@ -51,7 +51,6 @@ export enum ShowHeaderMode {
|
||||
|
||||
@Component({
|
||||
selector: 'adf-datatable',
|
||||
styleUrls: ['./datatable.component.scss'],
|
||||
templateUrl: './datatable.component.html',
|
||||
encapsulation: ViewEncapsulation.None,
|
||||
host: { class: 'adf-datatable' }
|
||||
|
||||
@@ -25,8 +25,8 @@ export interface EditJsonDialogSettings {
|
||||
}
|
||||
|
||||
@Component({
|
||||
templateUrl: 'edit-json.dialog.html',
|
||||
styleUrls: ['edit-json.dialog.scss'],
|
||||
templateUrl: './edit-json.dialog.html',
|
||||
styleUrls: ['./edit-json.dialog.scss'],
|
||||
encapsulation: ViewEncapsulation.None,
|
||||
host: { class: 'adf-edit-json-dialog' }
|
||||
})
|
||||
|
||||
@@ -1,8 +1,5 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@mixin adf-tooltip-card-directive($theme) {
|
||||
$primary: map-get($theme, primary);
|
||||
$accent: map-get($theme, accent);
|
||||
$foreground: map-get($theme, foreground);
|
||||
$background: map-get($theme, background);
|
||||
|
||||
|
||||
@@ -20,7 +20,6 @@ import { DomSanitizer } from '@angular/platform-browser';
|
||||
|
||||
@Component({
|
||||
selector: 'adf-tooltip-card-component',
|
||||
styleUrls: ['./tooltip-card.component.scss'],
|
||||
templateUrl: './tooltip-card.component.html',
|
||||
animations: [
|
||||
trigger('tooltip', [
|
||||
|
||||
@@ -21,7 +21,6 @@ import { FormService } from './../services/form.service';
|
||||
@Component({
|
||||
selector: 'adf-form-list',
|
||||
templateUrl: './form-list.component.html',
|
||||
styleUrls: ['./form-list.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class FormListComponent implements OnChanges {
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@mixin adf-form-renderer-theme($theme) {
|
||||
|
||||
$config: mat-typography-config();
|
||||
|
||||
@@ -21,7 +21,6 @@ import { FormModel } from './widgets/core/form.model';
|
||||
@Component({
|
||||
selector: 'adf-form-renderer',
|
||||
templateUrl: './form-renderer.component.html',
|
||||
styleUrls: ['./form-renderer.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class FormRendererComponent {
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '../form';
|
||||
|
||||
@mixin adf-amount-widget-theme($theme) {
|
||||
$foreground: map-get($theme, foreground);
|
||||
|
||||
|
||||
@@ -30,7 +30,6 @@ export const ADF_AMOUNT_SETTINGS = new InjectionToken<AmountWidgetSettings>('adf
|
||||
@Component({
|
||||
selector: 'amount-widget',
|
||||
templateUrl: './amount.widget.html',
|
||||
styleUrls: ['./amount.widget.scss'],
|
||||
host: {
|
||||
'(click)': 'event($event)',
|
||||
'(blur)': 'event($event)',
|
||||
|
||||
@@ -1,9 +1,5 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@mixin adf-form-container-widget-theme($theme) {
|
||||
$primary: map-get($theme, primary);
|
||||
$accent: map-get($theme, accent);
|
||||
$warn: map-get($theme, warn);
|
||||
|
||||
.adf-hidden {
|
||||
display: none;
|
||||
@@ -66,7 +62,7 @@
|
||||
padding-right: 3px;
|
||||
}
|
||||
|
||||
@media screen and ($mat-small) {
|
||||
@media screen and (max-width: 959px) {
|
||||
.adf-grid-list-item {
|
||||
flex: 1 0 100%;
|
||||
}
|
||||
|
||||
@@ -26,7 +26,6 @@ import { ContainerWidgetComponentModel } from './container.widget.model';
|
||||
@Component({
|
||||
selector: 'container-widget',
|
||||
templateUrl: './container.widget.html',
|
||||
styleUrls: ['./container.widget.scss'],
|
||||
host: {
|
||||
'(click)': 'event($event)',
|
||||
'(blur)': 'event($event)',
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '../form';
|
||||
|
||||
.adf {
|
||||
&-date-time-widget {
|
||||
.mat-form-field-suffix {
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '../form';
|
||||
|
||||
.adf {
|
||||
&-date-widget {
|
||||
.mat-form-field-suffix {
|
||||
|
||||
@@ -21,7 +21,7 @@ import { WidgetComponent } from './../widget.component';
|
||||
|
||||
@Component({
|
||||
selector: 'adf-form-document-widget',
|
||||
templateUrl: 'document.widget.html',
|
||||
templateUrl: './document.widget.html',
|
||||
host: {
|
||||
'(click)': 'event($event)',
|
||||
'(blur)': 'event($event)',
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '../form';
|
||||
|
||||
.adf {
|
||||
&-dropdown-widget {
|
||||
width: 100%;
|
||||
|
||||
@@ -1,6 +1,3 @@
|
||||
@import '~@angular/material/theming';
|
||||
@import '../form';
|
||||
|
||||
@mixin adf-dynamic-table-theme($theme) {
|
||||
$foreground: map-get($theme, foreground);
|
||||
$dynamic-table-font-size: 14px !default;
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '../form';
|
||||
|
||||
file-viewer-widget {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@mixin adf-form-theme($theme) {
|
||||
$primary: map-get($theme, primary);
|
||||
$accent: map-get($theme, accent);
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '../form';
|
||||
|
||||
.adf {
|
||||
|
||||
&-group-widget {
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@mixin adf-hyperlink-widget-theme($theme) {
|
||||
$primary: map-get($theme, primary);
|
||||
|
||||
|
||||
@@ -25,7 +25,6 @@ import { FormFieldModel } from '../core';
|
||||
@Component({
|
||||
selector: 'hyperlink-widget',
|
||||
templateUrl: './hyperlink.widget.html',
|
||||
styleUrls: ['./hyperlink.widget.scss'],
|
||||
host: {
|
||||
'(click)': 'event($event)',
|
||||
'(blur)': 'event($event)',
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '../form';
|
||||
|
||||
.adf {
|
||||
&-number-widget {
|
||||
width: 100%;
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@mixin adf-form-people-widget-theme($theme) {
|
||||
$primary: map-get($theme, primary);
|
||||
$background: map-get($theme, background);
|
||||
|
||||
@@ -36,7 +36,6 @@ import {
|
||||
@Component({
|
||||
selector: 'people-widget',
|
||||
templateUrl: './people.widget.html',
|
||||
styleUrls: ['./people.widget.scss'],
|
||||
host: {
|
||||
'(click)': 'event($event)',
|
||||
'(blur)': 'event($event)',
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '../form';
|
||||
|
||||
.adf {
|
||||
|
||||
&-radio-button-container {
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '../form';
|
||||
|
||||
.adf {
|
||||
&-text-widget {
|
||||
width: 100%;
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '../form';
|
||||
|
||||
.adf {
|
||||
|
||||
&-typeahead-widget-container {
|
||||
|
||||
@@ -1,6 +1,3 @@
|
||||
@import '../form';
|
||||
|
||||
|
||||
.adf {
|
||||
|
||||
&-upload-folder-widget {
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '../form';
|
||||
|
||||
.adf {
|
||||
|
||||
&-upload-widget-container {
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@mixin adf-info-drawer-theme($theme) {
|
||||
$primary: map-get($theme, primary);
|
||||
$accent: map-get($theme, accent);
|
||||
|
||||
@@ -20,7 +20,6 @@ import { Component, Directive, Input, ViewEncapsulation } from '@angular/core';
|
||||
@Component({
|
||||
selector: 'adf-info-drawer-layout',
|
||||
templateUrl: './info-drawer-layout.component.html',
|
||||
styleUrls: ['./info-drawer-layout.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None,
|
||||
host: { 'class': 'adf-info-drawer-layout' }
|
||||
})
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@mixin adf-header-layout-theme($theme) {
|
||||
$primary: map-get($theme, primary);
|
||||
$accent: map-get($theme, accent);
|
||||
@@ -54,7 +52,7 @@
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@media screen and ($mat-xsmall) {
|
||||
@media screen and (max-width: 599px) {
|
||||
.adf-app-logo,
|
||||
.adf-app-title {
|
||||
display: none;
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@mixin adf-layout-container-theme($theme) {
|
||||
$background: map-get($theme, background);
|
||||
$foreground: map-get($theme, foreground);
|
||||
|
||||
@@ -23,7 +23,6 @@ import { Direction } from '@angular/cdk/bidi';
|
||||
@Component({
|
||||
selector: 'adf-layout-container',
|
||||
templateUrl: './layout-container.component.html',
|
||||
styleUrls: ['./layout-container.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None,
|
||||
animations: [sidenavAnimation, contentAnimation]
|
||||
})
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@mixin adf-sidebar-action-menu-theme($theme) {
|
||||
|
||||
$primary: map-get($theme, primary);
|
||||
|
||||
@@ -20,7 +20,6 @@ import { ChangeDetectionStrategy, Component, Directive, Input, ViewEncapsulation
|
||||
@Component({
|
||||
selector: 'adf-sidebar-action-menu',
|
||||
templateUrl: './sidebar-action-menu.component.html',
|
||||
styleUrls: ['./sidebar-action-menu.component.scss'],
|
||||
changeDetection: ChangeDetectionStrategy.OnPush,
|
||||
encapsulation: ViewEncapsulation.None,
|
||||
host: { 'class': 'adf-sidebar-action-menu' }
|
||||
|
||||
@@ -1,6 +1,4 @@
|
||||
@mixin adf-sidenav-layout-theme($theme) {
|
||||
$adf-sidenav-max: 300px !default;
|
||||
|
||||
.adf-sidenav-layout {
|
||||
|
||||
&-full-space {
|
||||
@@ -27,7 +25,7 @@
|
||||
@include layout-bp(lt-sm) {
|
||||
.mat-drawer {
|
||||
width: calc(-50px + 100vw) !important;
|
||||
max-width: $adf-sidenav-max !important;
|
||||
max-width: 300px !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -40,7 +40,6 @@ import { takeUntil } from 'rxjs/operators';
|
||||
@Component({
|
||||
selector: 'adf-sidenav-layout',
|
||||
templateUrl: './sidenav-layout.component.html',
|
||||
styleUrls: ['./sidenav-layout.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None,
|
||||
host: { class: 'adf-sidenav-layout' }
|
||||
})
|
||||
|
||||
@@ -1,20 +1,8 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@mixin adf-login-dialog-panel-theme($theme) {
|
||||
$primary: map-get($theme, primary);
|
||||
$accent: map-get($theme, accent);
|
||||
$warn: map-get($theme, warn);
|
||||
$background: map-get($theme, background);
|
||||
$foreground: map-get($theme, foreground);
|
||||
$text-color-primary: mat-color($foreground, text);
|
||||
|
||||
.adf-panel-login-dialog-component .adf-login-content {
|
||||
.mat-card-actions,
|
||||
.adf-login-button,
|
||||
.adf-login__remember-me,
|
||||
.adf-copyright {
|
||||
display: none;
|
||||
}
|
||||
.adf-panel-login-dialog-component .adf-login-content {
|
||||
.mat-card-actions,
|
||||
.adf-login-button,
|
||||
.adf-login__remember-me,
|
||||
.adf-copyright {
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@@ -1,16 +1,4 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@mixin adf-login-dialog-theme($theme) {
|
||||
$primary: map-get($theme, primary);
|
||||
$accent: map-get($theme, accent);
|
||||
$warn: map-get($theme, warn);
|
||||
$background: map-get($theme, background);
|
||||
$foreground: map-get($theme, foreground);
|
||||
$text-color-primary: mat-color($foreground, text);
|
||||
|
||||
|
||||
.adf-login-dialog-content adf-login .adf-login-content .adf-login-card-wide {
|
||||
padding: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
.adf-login-dialog-content adf-login .adf-login-content .adf-login-card-wide {
|
||||
padding: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@mixin adf-login-theme($theme) {
|
||||
$primary: map-get($theme, primary);
|
||||
$accent: map-get($theme, accent);
|
||||
|
||||
@@ -53,7 +53,6 @@ interface ValidationMessage {
|
||||
@Component({
|
||||
selector: 'adf-login',
|
||||
templateUrl: './login.component.html',
|
||||
styleUrls: ['./login.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None,
|
||||
host: {
|
||||
class: 'adf-login'
|
||||
|
||||
@@ -26,7 +26,6 @@ import { Pagination } from '@alfresco/js-api';
|
||||
|
||||
@Component({
|
||||
selector: 'adf-notification-history',
|
||||
styleUrls: ['notification-history.component.scss'],
|
||||
templateUrl: 'notification-history.component.html'
|
||||
})
|
||||
export class NotificationHistoryComponent implements OnDestroy, OnInit, AfterViewInit {
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@mixin adf-pagination-theme($theme) {
|
||||
$foreground: map-get($theme, foreground);
|
||||
|
||||
|
||||
@@ -34,7 +34,6 @@ export type PaginationAction =
|
||||
selector: 'adf-pagination',
|
||||
host: { 'class': 'adf-pagination' },
|
||||
templateUrl: './pagination.component.html',
|
||||
styleUrls: ['./pagination.component.scss'],
|
||||
changeDetection: ChangeDetectionStrategy.OnPush,
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@mixin adf-search-text-input-theme($theme) {
|
||||
$background: map-get($theme, background);
|
||||
$foreground: map-get($theme, foreground);
|
||||
|
||||
@@ -26,7 +26,6 @@ import { SearchTextStateEnum, SearchAnimationState, SearchAnimationDirection } f
|
||||
@Component({
|
||||
selector: 'adf-search-text-input',
|
||||
templateUrl: './search-text-input.component.html',
|
||||
styleUrls: ['./search-text-input.component.scss'],
|
||||
animations: [searchAnimation],
|
||||
encapsulation: ViewEncapsulation.None,
|
||||
host: {
|
||||
|
||||
@@ -1,44 +1,40 @@
|
||||
@mixin adf-host-settings-theme($theme) {
|
||||
.adf-host-settings {
|
||||
display: flex;
|
||||
min-height: 100%;
|
||||
align-items: center;
|
||||
|
||||
.adf-host-settings {
|
||||
display: flex;
|
||||
min-height: 100%;
|
||||
align-items: center;
|
||||
|
||||
.adf-authentication-type {
|
||||
margin-bottom: 20px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.adf-setting-container {
|
||||
width: 800px;
|
||||
display: table;
|
||||
margin: 0 auto;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
.adf-setting-card-padding {
|
||||
width: 50%;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.adf-settings-link-icon {
|
||||
position: relative;
|
||||
top: 6px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.adf-settings-actions {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.adf-full-width {
|
||||
width: 100%;
|
||||
}
|
||||
.adf-authentication-type {
|
||||
margin-bottom: 20px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.adf-setting-container {
|
||||
width: 800px;
|
||||
display: table;
|
||||
margin: 0 auto;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
.adf-setting-card-padding {
|
||||
width: 50%;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.adf-settings-link-icon {
|
||||
position: relative;
|
||||
top: 6px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.adf-settings-actions {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.adf-full-width {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -29,7 +29,7 @@ import { ENTER } from '@angular/cdk/keycodes';
|
||||
host: {
|
||||
'class': 'adf-host-settings'
|
||||
},
|
||||
styleUrls: ['host-settings.component.scss'],
|
||||
styleUrls: ['./host-settings.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class HostSettingsComponent implements OnInit {
|
||||
|
||||
@@ -1,15 +1,13 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@mixin adf-default-class-theme($theme) {
|
||||
|
||||
.adf-hide-small {
|
||||
@media screen and ($mat-small) {
|
||||
@media screen and (max-width: 959px) {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.adf-hide-xsmall {
|
||||
@media screen and ($mat-xsmall) {
|
||||
@media screen and (max-width: 599px) {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -13,7 +13,6 @@
|
||||
@import '../info-drawer/info-drawer-layout.component';
|
||||
@import '../login/components/login.component';
|
||||
@import '../pagination/pagination.component';
|
||||
@import '../settings/host-settings.component';
|
||||
@import '../toolbar/toolbar.component';
|
||||
@import '../userinfo/components/user-info.component';
|
||||
@import '../viewer/components/viewer.component';
|
||||
@@ -31,9 +30,6 @@
|
||||
@import '../layout/components/sidenav-layout/sidenav-layout.component';
|
||||
@import '../templates/empty-content/empty-content.component';
|
||||
@import '../templates/error-content/error-content.component';
|
||||
@import '../buttons-menu/buttons-menu.component';
|
||||
@import '../login/components/login-dialog.component';
|
||||
@import '../login/components/login-dialog-panel.component';
|
||||
@import '../../core/clipboard/clipboard.component';
|
||||
@import '../../core/search-text/search-text-input.component';
|
||||
@import './snackbar';
|
||||
@@ -54,7 +50,6 @@
|
||||
@include adf-info-drawer-theme($theme);
|
||||
@include adf-login-theme($theme);
|
||||
@include adf-pagination-theme($theme);
|
||||
@include adf-host-settings-theme($theme);
|
||||
@include adf-toolbar-theme($theme);
|
||||
@include adf-userinfo-theme($theme);
|
||||
@include adf-viewer-theme($theme);
|
||||
@@ -70,10 +65,7 @@
|
||||
@include adf-layout-container-theme($theme);
|
||||
@include adf-empty-content-theme($theme);
|
||||
@include adf-error-content-theme($theme);
|
||||
@include adf-buttons-menu-theme($theme);
|
||||
@include adf-header-layout-theme($theme);
|
||||
@include adf-login-dialog-theme($theme);
|
||||
@include adf-login-dialog-panel-theme($theme);
|
||||
@include adf-sidenav-layout-theme($theme);
|
||||
@include adf-clipboard-theme($theme);
|
||||
@include adf-snackbar-theme($theme);
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@mixin adf-snackbar-theme($theme) {
|
||||
$warn: map-get($theme, warn);
|
||||
$accent: map-get($theme, accent);
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@mixin adf-empty-content-theme($theme) {
|
||||
|
||||
$config: mat-typography-config();
|
||||
|
||||
@@ -20,7 +20,6 @@ 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' }
|
||||
|
||||
@@ -1,8 +1,4 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@mixin adf-error-content-theme($theme) {
|
||||
|
||||
$primary: map-get($theme, primary);
|
||||
$foreground: map-get($theme, foreground);
|
||||
|
||||
.adf-error-content {
|
||||
@@ -44,7 +40,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and ($mat-small) {
|
||||
@media screen and (max-width: 959px) {
|
||||
.adf-error-content {
|
||||
|
||||
&-code {
|
||||
|
||||
@@ -27,7 +27,6 @@ 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' }
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@mixin adf-toolbar-theme($theme) {
|
||||
$foreground: map-get($theme, foreground);
|
||||
$adf-toolbar-height: 48px !default;
|
||||
|
||||
@@ -21,7 +21,6 @@ import { ThemePalette } from '@angular/material/core';
|
||||
@Component({
|
||||
selector: 'adf-toolbar',
|
||||
templateUrl: './toolbar.component.html',
|
||||
styleUrls: ['./toolbar.component.scss'],
|
||||
changeDetection: ChangeDetectionStrategy.OnPush,
|
||||
encapsulation: ViewEncapsulation.None,
|
||||
host: { 'class': 'adf-toolbar' }
|
||||
|
||||
@@ -1,10 +1,5 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@mixin adf-userinfo-theme($theme) {
|
||||
$primary: map-get($theme, primary);
|
||||
$accent: map-get($theme, accent);
|
||||
$warn: map-get($theme, warn);
|
||||
$foreground: map-get($theme, foreground);
|
||||
|
||||
.adf {
|
||||
|
||||
@@ -21,7 +16,7 @@
|
||||
&-userinfo-name {
|
||||
padding: 0 5px;
|
||||
|
||||
@media screen and ($mat-small) {
|
||||
@media screen and (max-width: 959px) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -105,7 +100,7 @@
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
@media screen and ($mat-xsmall) {
|
||||
@media screen and (max-width: 599px) {
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -28,7 +28,6 @@ import { MatMenuTrigger, MenuPositionX, MenuPositionY } from '@angular/material/
|
||||
|
||||
@Component({
|
||||
selector: 'adf-userinfo',
|
||||
styleUrls: ['./user-info.component.scss'],
|
||||
templateUrl: './user-info.component.html',
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@mixin adf-image-viewer-theme($theme) {
|
||||
$background: map-get($theme, background);
|
||||
$viewer-image-outline: 1px solid mat-color($alfresco-ecm-blue, A200) !default;
|
||||
|
||||
@@ -32,7 +32,6 @@ import Cropper from 'cropperjs';
|
||||
@Component({
|
||||
selector: 'adf-img-viewer',
|
||||
templateUrl: './img-viewer.component.html',
|
||||
styleUrls: ['./img-viewer.component.scss'],
|
||||
host: { 'class': 'adf-image-viewer' },
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
|
||||
@@ -1,14 +1,11 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
.adf-fill-remaining-space {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.adf-full-width {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@mixin adf-dialog-theme($theme) {
|
||||
.adf-fill-remaining-space {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.adf-full-width {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
$primary: map-get($theme, primary);
|
||||
|
||||
@@ -19,5 +16,4 @@
|
||||
.adf-dialog-action-button:enabled {
|
||||
color: mat-color($primary);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@mixin adf-pdf-thumbnails-theme($theme) {
|
||||
$background: map-get($theme, background);
|
||||
|
||||
|
||||
@@ -28,7 +28,6 @@ import { delay } from 'rxjs/operators';
|
||||
@Component({
|
||||
selector: 'adf-pdf-thumbnails',
|
||||
templateUrl: './pdf-viewer-thumbnails.component.html',
|
||||
styleUrls: ['./pdf-viewer-thumbnails.component.scss'],
|
||||
host: { class: 'adf-pdf-thumbnails' },
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@mixin adf-pdf-viewer-theme($theme) {
|
||||
$background: map-get($theme, background);
|
||||
$foreground: map-get($theme, foreground);
|
||||
|
||||
@@ -40,10 +40,7 @@ declare const pdfjsViewer: any;
|
||||
@Component({
|
||||
selector: 'adf-pdf-viewer',
|
||||
templateUrl: './pdf-viewer.component.html',
|
||||
styleUrls: [
|
||||
'./pdf-viewer.component.scss',
|
||||
'./pdf-viewer-host.component.scss'
|
||||
],
|
||||
styleUrls: ['./pdf-viewer-host.component.scss'],
|
||||
providers: [RenderingQueueServices],
|
||||
host: { 'class': 'adf-pdf-viewer' },
|
||||
encapsulation: ViewEncapsulation.None
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@mixin adf-text-viewer-theme($theme) {
|
||||
$background: map-get($theme, background);
|
||||
|
||||
|
||||
@@ -22,7 +22,6 @@ import { AppConfigService } from './../../app-config/app-config.service';
|
||||
@Component({
|
||||
selector: 'adf-txt-viewer',
|
||||
templateUrl: './txt-viewer.component.html',
|
||||
styleUrls: ['./txt-viewer.component.scss'],
|
||||
host: { 'class': 'adf-txt-viewer' },
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@mixin adf-unknown-viewer-theme($theme) {
|
||||
$foreground: map-get($theme, foreground);
|
||||
|
||||
|
||||
@@ -19,8 +19,7 @@ import { Component } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'adf-viewer-unknown-format',
|
||||
templateUrl: 'unknown-format.component.html',
|
||||
styleUrls: ['unknown-format.component.scss']
|
||||
templateUrl: './unknown-format.component.html'
|
||||
})
|
||||
export class UnknownFormatComponent {
|
||||
}
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@mixin adf-viewer-theme($theme) {
|
||||
$background: map-get($theme, background);
|
||||
$foreground: map-get($theme, foreground);
|
||||
|
||||
@@ -40,7 +40,6 @@ import { FileModel } from '../../models';
|
||||
@Component({
|
||||
selector: 'adf-viewer',
|
||||
templateUrl: './viewer.component.html',
|
||||
styleUrls: ['./viewer.component.scss'],
|
||||
host: { 'class': 'adf-viewer' },
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user