mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +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:
parent
9e0000a307
commit
e94b2f99bd
@ -27,7 +27,7 @@ import { AppConfigService } from '@alfresco/adf-core';
|
||||
@Component({
|
||||
selector: 'app-about-page',
|
||||
templateUrl: './about.component.html',
|
||||
styleUrls: ['about.component.scss']
|
||||
styleUrls: ['./about.component.scss']
|
||||
})
|
||||
export class AboutComponent implements OnInit {
|
||||
url = `https://github.com/Alfresco/${name}/commits/${commit}`;
|
||||
|
@ -2,7 +2,7 @@
|
||||
$primary: map-get($theme, primary);
|
||||
$minimumAppWidth: 320px;
|
||||
|
||||
@media screen and ($mat-xsmall) {
|
||||
@media screen and (max-width: 599px) {
|
||||
app-search-bar {
|
||||
width: 150px;
|
||||
}
|
||||
@ -46,13 +46,13 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and ($mat-small) {
|
||||
@media screen and (max-width: 959px) {
|
||||
.app-menu {
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and ($mat-xsmall) {}
|
||||
@media screen and (max-width: 599px) {}
|
||||
|
||||
mat-sidenav-content > div {
|
||||
display: flex;
|
||||
|
@ -22,8 +22,7 @@ import { Subject } from 'rxjs';
|
||||
import { takeUntil } from 'rxjs/operators';
|
||||
|
||||
@Component({
|
||||
templateUrl: 'app-layout.component.html',
|
||||
styleUrls: ['app-layout.component.scss'],
|
||||
templateUrl: './app-layout.component.html',
|
||||
host: {
|
||||
'class': 'app-layout'
|
||||
},
|
||||
|
@ -34,8 +34,8 @@ import {
|
||||
} from '../../../cloud/custom-form-components/custom-editor.component';
|
||||
|
||||
@Component({
|
||||
templateUrl: 'cloud-form-demo.component.html',
|
||||
styleUrls: ['cloud-form-demo.component.scss'],
|
||||
templateUrl: './cloud-form-demo.component.html',
|
||||
styleUrls: ['./cloud-form-demo.component.scss'],
|
||||
providers: [
|
||||
{ provide: FormRenderingService, useClass: CloudFormRenderingService }
|
||||
]
|
||||
|
@ -20,8 +20,8 @@ import { Component } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-expandable-menu',
|
||||
templateUrl: 'aspect-list-sample.component.html',
|
||||
styleUrls: ['aspect-list-sample.component.scss']
|
||||
templateUrl: './aspect-list-sample.component.html',
|
||||
styleUrls: ['./aspect-list-sample.component.scss']
|
||||
})
|
||||
export class AspectListSampleComponent {
|
||||
|
||||
|
@ -21,7 +21,7 @@ import { ActivatedRoute } from '@angular/router';
|
||||
@Component({
|
||||
selector: 'app-cloud-breadcrumbs',
|
||||
templateUrl: './cloud-breadcrumb-component.html',
|
||||
styleUrls: ['cloud-breadcrumb-component.scss']
|
||||
styleUrls: ['./cloud-breadcrumb-component.scss']
|
||||
})
|
||||
export class CloudBreadcrumbsComponent implements OnInit {
|
||||
appName: string;
|
||||
|
@ -24,7 +24,7 @@ import { ProcessFilterCloudModel } from '@alfresco/adf-process-services-cloud';
|
||||
@Component({
|
||||
selector: 'app-cloud-filters-demo',
|
||||
templateUrl: './cloud-filters-demo.component.html',
|
||||
styleUrls: ['cloud-filters-demo.component.scss'],
|
||||
styleUrls: ['./cloud-filters-demo.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class CloudFiltersDemoComponent implements OnInit {
|
||||
|
@ -23,7 +23,7 @@ import { Subject } from 'rxjs';
|
||||
import { takeUntil } from 'rxjs/operators';
|
||||
|
||||
@Component({
|
||||
templateUrl: 'service-task-list-cloud-demo.component.html'
|
||||
templateUrl: './service-task-list-cloud-demo.component.html'
|
||||
})
|
||||
export class ServiceTaskListCloudDemoComponent implements OnInit, OnDestroy {
|
||||
|
||||
|
@ -24,7 +24,6 @@ import { CloudFormRenderingService } from '@alfresco/adf-process-services-cloud'
|
||||
|
||||
@Component({
|
||||
templateUrl: './start-process-cloud-demo.component.html',
|
||||
styleUrls: ['./start-process-cloud-demo.component.scss'],
|
||||
providers: [
|
||||
{ provide: FormRenderingService, useClass: CloudFormRenderingService }
|
||||
]
|
||||
|
@ -21,8 +21,7 @@ import { NotificationService } from '@alfresco/adf-core';
|
||||
import { CloudLayoutService } from './services/cloud-layout.service';
|
||||
|
||||
@Component({
|
||||
templateUrl: './start-task-cloud-demo.component.html',
|
||||
styleUrls: ['./start-task-cloud-demo.component.scss']
|
||||
templateUrl: './start-task-cloud-demo.component.html'
|
||||
})
|
||||
export class StartTaskCloudDemoComponent implements OnInit {
|
||||
|
||||
|
@ -24,8 +24,7 @@ import { Subject } from 'rxjs';
|
||||
import { takeUntil } from 'rxjs/operators';
|
||||
|
||||
@Component({
|
||||
templateUrl: 'tasks-cloud-demo.component.html',
|
||||
styleUrls: ['tasks-cloud-demo.component.scss']
|
||||
templateUrl: './tasks-cloud-demo.component.html'
|
||||
})
|
||||
export class TasksCloudDemoComponent implements OnInit, OnDestroy {
|
||||
|
||||
|
@ -27,7 +27,7 @@ import { takeUntil } from 'rxjs/operators';
|
||||
|
||||
@Component({
|
||||
selector: 'app-config-editor',
|
||||
templateUrl: 'config-editor.component.html',
|
||||
templateUrl: './config-editor.component.html',
|
||||
styleUrls: ['./config-editor.component.scss']
|
||||
})
|
||||
export class ConfigEditorComponent implements OnDestroy {
|
||||
|
@ -21,8 +21,7 @@ import { ConfirmDialogComponent } from '@alfresco/adf-content-services';
|
||||
|
||||
@Component({
|
||||
selector: 'app-confirm-dialog-example',
|
||||
templateUrl: 'confirm-dialog-example.component.html',
|
||||
styleUrls: ['confirm-dialog-example.component.scss']
|
||||
templateUrl: './confirm-dialog-example.component.html'
|
||||
})
|
||||
export class ConfirmDialogExampleComponent {
|
||||
|
||||
|
@ -23,8 +23,8 @@ import { PreviewService } from '../../services/preview.service';
|
||||
|
||||
@Component({
|
||||
selector: 'app-file-view',
|
||||
templateUrl: 'file-view.component.html',
|
||||
styleUrls: ['file-view.component.scss'],
|
||||
templateUrl: './file-view.component.html',
|
||||
styleUrls: ['./file-view.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class FileViewComponent implements OnInit {
|
||||
|
@ -20,7 +20,7 @@ import { DocumentListComponent } from '@alfresco/adf-content-services';
|
||||
|
||||
@Component({
|
||||
selector: 'app-custom-sources',
|
||||
templateUrl: 'custom-sources.component.html'
|
||||
templateUrl: './custom-sources.component.html'
|
||||
})
|
||||
export class CustomSourcesComponent {
|
||||
|
||||
|
@ -3,7 +3,7 @@
|
||||
margin: 10px !important;
|
||||
}
|
||||
|
||||
@media screen and ($mat-xsmall) {
|
||||
@media screen and (max-width: 599px) {
|
||||
.app-container {
|
||||
margin: 0;
|
||||
}
|
||||
|
@ -54,7 +54,6 @@ const DEFAULT_FOLDER_TO_SHOW = '-my-';
|
||||
@Component({
|
||||
selector: 'app-files-component',
|
||||
templateUrl: './files.component.html',
|
||||
styleUrls: ['./files.component.scss'],
|
||||
providers: [
|
||||
{ provide: FormRenderingService, useClass: ProcessFormRenderingService }
|
||||
]
|
||||
|
@ -23,8 +23,8 @@ import { takeUntil } from 'rxjs/operators';
|
||||
|
||||
@Component({
|
||||
selector: 'app-form-list',
|
||||
templateUrl: 'form-list.component.html',
|
||||
styleUrls: ['form-list.component.scss']
|
||||
templateUrl: './form-list.component.html',
|
||||
styleUrls: ['./form-list.component.scss']
|
||||
})
|
||||
export class FormListComponent implements OnInit, OnDestroy {
|
||||
|
||||
|
@ -29,8 +29,8 @@ import { takeUntil } from 'rxjs/operators';
|
||||
|
||||
@Component({
|
||||
selector: 'app-form-loading',
|
||||
templateUrl: 'form-loading.component.html',
|
||||
styleUrls: ['form-loading.component.scss'],
|
||||
templateUrl: './form-loading.component.html',
|
||||
styleUrls: ['./form-loading.component.scss'],
|
||||
providers: [{ provide: FormService, useClass: FakeFormService }]
|
||||
})
|
||||
export class FormLoadingComponent implements OnInit, OnDestroy {
|
||||
|
@ -24,8 +24,8 @@ import { takeUntil } from 'rxjs/operators';
|
||||
|
||||
@Component({
|
||||
selector: 'app-form',
|
||||
templateUrl: 'form.component.html',
|
||||
styleUrls: ['form.component.scss'],
|
||||
templateUrl: './form.component.html',
|
||||
styleUrls: ['./form.component.scss'],
|
||||
providers: [
|
||||
{ provide: FormService, useClass: InMemoryFormService },
|
||||
{ provide: FormRenderingService, useClass: ProcessFormRenderingService }
|
||||
|
@ -26,7 +26,7 @@
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and ($mat-small) {
|
||||
@media screen and (max-width: 959px) {
|
||||
.app-settings, .app-setting-button.mat-fab.mat-accent {
|
||||
display: none;
|
||||
}
|
||||
|
@ -21,8 +21,7 @@ import { LogService } from '@alfresco/adf-core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-login',
|
||||
templateUrl: './login.component.html',
|
||||
styleUrls: ['./login.component.scss']
|
||||
templateUrl: './login.component.html'
|
||||
})
|
||||
export class LoginComponent {
|
||||
|
||||
|
@ -18,7 +18,7 @@
|
||||
import { Component, Input } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
templateUrl: 'overlay-viewer.component.html'
|
||||
templateUrl: './overlay-viewer.component.html'
|
||||
})
|
||||
export class OverlayViewerComponent {
|
||||
|
||||
|
@ -21,7 +21,7 @@ import { AppConfigService } from '@alfresco/adf-core';
|
||||
@Component({
|
||||
selector: 'app-pipes-page',
|
||||
templateUrl: './pipes.component.html',
|
||||
styleUrls: ['pipes.component.scss']
|
||||
styleUrls: ['./pipes.component.scss']
|
||||
})
|
||||
export class PipesComponent {
|
||||
|
||||
|
@ -1,100 +1,97 @@
|
||||
@mixin app-process-service-component-theme($theme) {
|
||||
.app-no-form-container {
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
font-size: 18px;
|
||||
.app-no-form-container {
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.app-grid {
|
||||
.app-grid-item {
|
||||
margin: 4px;
|
||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
|
||||
0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.app-grid {
|
||||
.app-grid-item {
|
||||
margin: 4px;
|
||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
|
||||
0 3px 1px -2px rgba(0, 0, 0, 0.2),
|
||||
0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
padding: 10px;
|
||||
}
|
||||
.app-list-buttons {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.app-list-buttons {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
.app-tasks-list.app-small-pagination,
|
||||
.app-processes-list.app-small-pagination {
|
||||
.app-pagination {
|
||||
flex-wrap: wrap;
|
||||
padding-bottom: 24px;
|
||||
padding-top: 8px;
|
||||
|
||||
.app-tasks-list.app-small-pagination,
|
||||
.app-processes-list.app-small-pagination {
|
||||
.app-pagination {
|
||||
|
||||
flex-wrap: wrap;
|
||||
padding-bottom: 24px;
|
||||
padding-top: 8px;
|
||||
|
||||
&__range-block.app-pagination__block:first-child {
|
||||
order: 1;
|
||||
width: 60%;
|
||||
flex: 0 0 auto;
|
||||
box-sizing: border-box;
|
||||
padding-left: 2px;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
&__perpage-block {
|
||||
order: 3;
|
||||
width: 60%;
|
||||
box-sizing: border-box;
|
||||
padding-left: 2px;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
&__actualinfo-block {
|
||||
order: 2;
|
||||
width: 40%;
|
||||
box-sizing: border-box;
|
||||
padding-right: 2px;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
&__controls-block {
|
||||
order: 4;
|
||||
width: 40%;
|
||||
box-sizing: border-box;
|
||||
padding-right: 2px;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
&__range-block.app-pagination__block:first-child {
|
||||
order: 1;
|
||||
width: 60%;
|
||||
flex: 0 0 auto;
|
||||
box-sizing: border-box;
|
||||
padding-left: 2px;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
}
|
||||
|
||||
.app-list {
|
||||
.app-datatable-list {
|
||||
border: none;
|
||||
&__perpage-block {
|
||||
order: 3;
|
||||
width: 60%;
|
||||
box-sizing: border-box;
|
||||
padding-left: 2px;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
}
|
||||
|
||||
mat-slide-toggle {
|
||||
margin: 10px;
|
||||
}
|
||||
&__actualinfo-block {
|
||||
order: 2;
|
||||
width: 40%;
|
||||
box-sizing: border-box;
|
||||
padding-right: 2px;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
@media screen and ($mat-small) {
|
||||
container-widget .app-grid-list {
|
||||
flex-direction: column;
|
||||
&__controls-block {
|
||||
order: 4;
|
||||
width: 40%;
|
||||
box-sizing: border-box;
|
||||
padding-right: 2px;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.app-accordion-panel {
|
||||
.mat-expansion-panel {
|
||||
background: inherit;
|
||||
.app-list {
|
||||
.app-datatable-list {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
.mat-expansion-panel-header-title, .mat-expansion-panel-header-description {
|
||||
flex-basis: 0;
|
||||
align-items: center;
|
||||
}
|
||||
mat-slide-toggle {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.mat-expansion-panel-header-description {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.app-accordion-title-padding {
|
||||
padding-left: 20px;
|
||||
@media screen and (max-width: 959px) {
|
||||
container-widget .app-grid-list {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.app-accordion-panel {
|
||||
.mat-expansion-panel {
|
||||
background: inherit;
|
||||
}
|
||||
|
||||
.mat-expansion-panel-header-title,
|
||||
.mat-expansion-panel-header-description {
|
||||
flex-basis: 0;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.mat-expansion-panel-header-description {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.app-accordion-title-padding {
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
|
@ -21,7 +21,7 @@ import { Router } from '@angular/router';
|
||||
|
||||
@Component({
|
||||
selector: 'app-settings',
|
||||
templateUrl: 'settings.component.html'
|
||||
templateUrl: './settings.component.html'
|
||||
})
|
||||
export class SettingsComponent {
|
||||
|
||||
|
@ -20,8 +20,8 @@ import { ActivatedRoute, Router } from '@angular/router';
|
||||
|
||||
@Component({
|
||||
selector: 'app-shared-link-view',
|
||||
templateUrl: 'shared-link-view.component.html',
|
||||
styleUrls: [ 'shared-link-view.component.scss' ],
|
||||
templateUrl: './shared-link-view.component.html',
|
||||
styleUrls: [ './shared-link-view.component.scss' ],
|
||||
encapsulation: ViewEncapsulation.None,
|
||||
// tslint:disable-next-line:use-host-property-decorator
|
||||
host: { 'class': 'app-shared-link-view' }
|
||||
|
@ -19,8 +19,7 @@ import { Component } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-sites',
|
||||
templateUrl: 'sites.component.html',
|
||||
styleUrls: ['sites.component.scss']
|
||||
templateUrl: './sites.component.html'
|
||||
})
|
||||
export class SitesComponent {
|
||||
|
||||
|
@ -19,8 +19,8 @@ import { Component } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-social',
|
||||
templateUrl: 'social.component.html',
|
||||
styleUrls: ['social.component.scss']
|
||||
templateUrl: './social.component.html',
|
||||
styleUrls: ['./social.component.scss']
|
||||
})
|
||||
export class SocialComponent {
|
||||
|
||||
|
@ -19,8 +19,8 @@ import { Component } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-tag',
|
||||
templateUrl: 'tag.component.html',
|
||||
styleUrls: ['tag.component.scss']
|
||||
templateUrl: './tag.component.html',
|
||||
styleUrls: ['./tag.component.scss']
|
||||
})
|
||||
export class TagComponent {
|
||||
|
||||
|
@ -28,8 +28,8 @@ import { DocsSiteTheme, ThemeStorage } from './theme-storage/theme-storage';
|
||||
|
||||
@Component({
|
||||
selector: 'app-theme-picker',
|
||||
templateUrl: 'theme-picker.html',
|
||||
styleUrls: ['theme-picker.css'],
|
||||
templateUrl: './theme-picker.html',
|
||||
styleUrls: ['./theme-picker.css'],
|
||||
changeDetection: ChangeDetectionStrategy.OnPush,
|
||||
host: {'aria-hidden': 'true'}
|
||||
})
|
||||
|
@ -24,8 +24,7 @@ import { Subject } from 'rxjs';
|
||||
import { takeUntil } from 'rxjs/operators';
|
||||
|
||||
@Component({
|
||||
templateUrl: './trashcan.component.html',
|
||||
styleUrls: ['trashcan.component.scss']
|
||||
templateUrl: './trashcan.component.html'
|
||||
})
|
||||
export class TrashcanComponent implements OnInit, OnDestroy {
|
||||
@ViewChild('documentList', { static: true })
|
||||
|
@ -19,8 +19,8 @@ import { Component } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-tree-view',
|
||||
templateUrl: 'tree-view-sample.component.html',
|
||||
styleUrls: ['tree-view-sample.component.scss']
|
||||
templateUrl: './tree-view-sample.component.html',
|
||||
styleUrls: ['./tree-view-sample.component.scss']
|
||||
})
|
||||
export class TreeViewSampleComponent {
|
||||
|
||||
|
@ -20,7 +20,7 @@ import { LogService } from '@alfresco/adf-core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-webscript',
|
||||
templateUrl: 'webscript.component.html'
|
||||
templateUrl: './webscript.component.html'
|
||||
})
|
||||
export class WebscriptComponent {
|
||||
|
||||
|
@ -1,7 +1,6 @@
|
||||
@import './app/components/app-layout/app-layout.component.scss';
|
||||
@import './app/components/files/files.component.scss';
|
||||
@import './app/components/login/login.component.scss';
|
||||
@import './app/components/process-service/process-service.component.scss';
|
||||
|
||||
|
||||
@import '../../lib/content-services/src/lib/styles/index';
|
||||
@ -23,7 +22,6 @@ $theme: mat-light-theme($primary, $accent, $warn);
|
||||
@include app-layout-theme($theme);
|
||||
@include app-file-component-theme($theme);
|
||||
@include app-login-component-theme($theme);
|
||||
@include app-process-service-component-theme($theme);
|
||||
|
||||
|
||||
@include adf-content-services-theme($theme);
|
||||
|
@ -1,7 +1,6 @@
|
||||
@import './app/components/app-layout/app-layout.component.scss';
|
||||
@import './app/components/files/files.component.scss';
|
||||
@import './app/components/login/login.component.scss';
|
||||
@import './app/components/process-service/process-service.component.scss';
|
||||
|
||||
@import '~@alfresco/adf-content-services/theming';
|
||||
@import '~@alfresco/adf-process-services/theming';
|
||||
@ -22,7 +21,6 @@ $theme: mat-light-theme($primary, $accent, $warn);
|
||||
@include app-layout-theme($theme);
|
||||
@include app-file-component-theme($theme);
|
||||
@include app-login-component-theme($theme);
|
||||
@include app-process-service-component-theme($theme);
|
||||
|
||||
@include adf-content-services-theme($theme);
|
||||
@include adf-process-services-theme($theme);
|
||||
|
6
lib/cli/package-lock.json
generated
6
lib/cli/package-lock.json
generated
@ -5,9 +5,9 @@
|
||||
"requires": true,
|
||||
"dependencies": {
|
||||
"@alfresco/js-api": {
|
||||
"version": "4.4.0-3493",
|
||||
"resolved": "https://registry.npmjs.org/@alfresco/js-api/-/js-api-4.4.0-3493.tgz",
|
||||
"integrity": "sha512-O8qCJXSeL0S4/3VbCkAwDgeCCr4nQ4WqmpaLIU6YUGvO0AcPLYatKFoEuHlgCyex6gzRaYMQhoi1PhX/7cmQIg==",
|
||||
"version": "4.4.0",
|
||||
"resolved": "https://registry.npmjs.org/@alfresco/js-api/-/js-api-4.4.0.tgz",
|
||||
"integrity": "sha512-TLBXPc01Hi23gOCkkQy2p9lcBZgcCsymOkRPG0exclDaQnpgWBPFn0e+ykm7WA51hHusgZC2sUoZv1Y95nq6MA==",
|
||||
"requires": {
|
||||
"event-emitter": "^0.3.5",
|
||||
"minimatch": "3.0.4",
|
||||
|
@ -1,55 +1,40 @@
|
||||
@mixin adf-aspect-list-dialog-theme($theme) {
|
||||
$primary: map-get($theme, primary);
|
||||
$accent: map-get($theme, accent);
|
||||
$warn: map-get($theme, warn);
|
||||
$foreground: map-get($theme, foreground);
|
||||
$background: map-get($theme, background);
|
||||
|
||||
|
||||
.adf {
|
||||
|
||||
&-aspect-list-dialog-title {
|
||||
font-size: large;
|
||||
font-weight: 200;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
&-aspect-list-dialog-description {
|
||||
font-size: small;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
&-aspect-list-dialog-information {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
&-aspect-list-dialog {
|
||||
.mat-dialog-actions {
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
|
||||
&-aspect-dialog-content {
|
||||
padding-top: 3px;
|
||||
|
||||
.adf-aspect-property-table {
|
||||
|
||||
.mat-cell {
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
.mat-column-name {
|
||||
width: 30%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.adf {
|
||||
&-aspect-list-dialog-title {
|
||||
font-size: large;
|
||||
font-weight: 200;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
&-aspect-list-dialog-description {
|
||||
font-size: small;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
&-aspect-list-dialog-information {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
&-aspect-list-dialog {
|
||||
.mat-dialog-actions {
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
|
||||
&-aspect-dialog-content {
|
||||
padding-top: 3px;
|
||||
|
||||
.adf-aspect-property-table {
|
||||
.mat-cell {
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
.mat-column-name {
|
||||
width: 30%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -1,10 +1,5 @@
|
||||
@mixin adf-aspect-list-theme($theme) {
|
||||
|
||||
$primary: map-get($theme, primary);
|
||||
$accent: map-get($theme, accent);
|
||||
$warn: map-get($theme, warn);
|
||||
$foreground: map-get($theme, foreground);
|
||||
$background: map-get($theme, background);
|
||||
|
||||
.adf {
|
||||
|
||||
|
@ -25,7 +25,6 @@ import { AspectEntry } from '@alfresco/js-api';
|
||||
@Component({
|
||||
selector: 'adf-aspect-list',
|
||||
templateUrl: './aspect-list.component.html',
|
||||
styleUrls: ['./aspect-list.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
|
||||
|
@ -3,7 +3,6 @@
|
||||
$accent: map-get($theme, accent);
|
||||
$warn: map-get($theme, warn);
|
||||
$foreground: map-get($theme, foreground);
|
||||
$background: map-get($theme, background);
|
||||
|
||||
$breadcrumb-chevron-spacer: 2px;
|
||||
$breadcrumb-outline: 1px solid mat-color($alfresco-ecm-blue, A200) !default;
|
||||
|
@ -35,7 +35,6 @@ import { takeUntil } from 'rxjs/operators';
|
||||
@Component({
|
||||
selector: 'adf-breadcrumb',
|
||||
templateUrl: './breadcrumb.component.html',
|
||||
styleUrls: ['./breadcrumb.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None,
|
||||
host: {
|
||||
'class': 'adf-breadcrumb'
|
||||
|
@ -23,7 +23,6 @@ import { BreadcrumbComponent } from './breadcrumb.component';
|
||||
@Component({
|
||||
selector: 'adf-dropdown-breadcrumb',
|
||||
templateUrl: './dropdown-breadcrumb.component.html',
|
||||
styleUrls: ['./dropdown-breadcrumb.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None,
|
||||
host: {
|
||||
'class': 'adf-dropdown-breadcrumb'
|
||||
|
@ -1,6 +1,4 @@
|
||||
@mixin adf-content-metadata-card-theme($theme) {
|
||||
$primary: map-get($theme, primary);
|
||||
$background: map-get($theme, background);
|
||||
$foreground: map-get($theme, foreground);
|
||||
|
||||
.adf-content-metadata-card {
|
||||
|
@ -22,7 +22,6 @@ import { NodeAspectService } from '../../../aspect-list/node-aspect.service';
|
||||
@Component({
|
||||
selector: 'adf-content-metadata-card',
|
||||
templateUrl: './content-metadata-card.component.html',
|
||||
styleUrls: ['./content-metadata-card.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None,
|
||||
host: { 'class': 'adf-content-metadata-card' }
|
||||
})
|
||||
|
@ -36,7 +36,6 @@ import { takeUntil, debounceTime, catchError, map } from 'rxjs/operators';
|
||||
@Component({
|
||||
selector: 'adf-content-metadata',
|
||||
templateUrl: './content-metadata.component.html',
|
||||
styleUrls: ['./content-metadata.component.scss'],
|
||||
host: { 'class': 'adf-content-metadata' },
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
|
@ -1,7 +1,6 @@
|
||||
@mixin adf-content-node-selector-theme($theme) {
|
||||
$primary: map-get($theme, primary);
|
||||
$foreground: map-get($theme, foreground);
|
||||
$background: map-get($theme, background);
|
||||
$content-node-selector-thumbnail-width: 35px !default;
|
||||
|
||||
.adf-search-results-label {
|
||||
|
@ -58,7 +58,6 @@ export const defaultValidation = () => true;
|
||||
|
||||
@Component({
|
||||
selector: 'adf-content-node-selector-panel',
|
||||
styleUrls: ['./content-node-selector-panel.component.scss'],
|
||||
templateUrl: './content-node-selector-panel.component.html',
|
||||
encapsulation: ViewEncapsulation.None,
|
||||
host: { 'class': 'adf-content-node-selector-panel' },
|
||||
|
@ -27,7 +27,6 @@ import { NodeAction } from '../document-list/models/node-action.enum';
|
||||
@Component({
|
||||
selector: 'adf-content-node-selector',
|
||||
templateUrl: './content-node-selector.component.html',
|
||||
styleUrls: ['./content-node-selector.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class ContentNodeSelectorComponent implements OnInit {
|
||||
|
@ -24,7 +24,6 @@ import { DataRow } from '@alfresco/adf-core';
|
||||
<div class="adf-name-location-cell-name adf-datatable-cell-value" [title]="name">{{ name }}</div>
|
||||
<div class="adf-name-location-cell-location adf-datatable-cell-value" [title]="path">{{ path }}</div>
|
||||
`,
|
||||
styleUrls: ['./name-location-cell.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None,
|
||||
changeDetection: ChangeDetectionStrategy.OnPush,
|
||||
host: { class: 'adf-name-location-cell adf-datatable-content-cell' }
|
||||
|
@ -45,7 +45,6 @@ type DatePickerType = 'date' | 'time' | 'month' | 'datetime';
|
||||
@Component({
|
||||
selector: 'adf-share-dialog',
|
||||
templateUrl: './content-node-share.dialog.html',
|
||||
styleUrls: ['./content-node-share.dialog.scss'],
|
||||
host: { class: 'adf-share-dialog' },
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
|
@ -1,10 +1,5 @@
|
||||
@mixin adf-content-type-dialog-theme($theme) {
|
||||
$primary: map-get($theme, primary);
|
||||
$accent: map-get($theme, accent);
|
||||
$warn: map-get($theme, warn);
|
||||
$foreground: map-get($theme, foreground);
|
||||
$background: map-get($theme, background);
|
||||
|
||||
|
||||
.adf {
|
||||
|
||||
|
@ -24,7 +24,6 @@ import { ContentTypeService } from './content-type.service';
|
||||
@Component({
|
||||
selector: 'adf-content-type-dialog',
|
||||
templateUrl: './content-type-dialog.component.html',
|
||||
styleUrls: ['./content-type-dialog.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class ContentTypeDialogComponent implements OnInit {
|
||||
|
@ -1,31 +1,31 @@
|
||||
.adf-fill-remaining-space {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.adf-full-width {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.adf-lock-file-name {
|
||||
.mat-checkbox-layout {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.mat-checkbox-label {
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.mat-checkbox-inner-container {
|
||||
margin: auto 8px auto 0;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin adf-dialog-theme($theme) {
|
||||
|
||||
$primary: map-get($theme, primary);
|
||||
$foreground: map-get($theme, foreground);
|
||||
|
||||
.adf-fill-remaining-space {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.adf-full-width {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.adf-lock-file-name {
|
||||
.mat-checkbox-layout {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.mat-checkbox-label {
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.mat-checkbox-inner-container {
|
||||
margin: auto 8px auto 0;
|
||||
}
|
||||
}
|
||||
|
||||
.adf-dialog-buttons button {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
@ -17,7 +17,7 @@
|
||||
|
||||
import { Observable } from 'rxjs';
|
||||
|
||||
import { Component, Inject, OnInit, Optional, EventEmitter, Output } from '@angular/core';
|
||||
import { Component, Inject, OnInit, Optional, EventEmitter, Output, ViewEncapsulation } from '@angular/core';
|
||||
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
|
||||
import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
|
||||
|
||||
@ -28,8 +28,8 @@ import { forbidEndingDot, forbidOnlySpaces, forbidSpecialCharacters } from './fo
|
||||
|
||||
@Component({
|
||||
selector: 'adf-folder-dialog',
|
||||
styleUrls: ['./folder.dialog.scss'],
|
||||
templateUrl: './folder.dialog.html'
|
||||
templateUrl: './folder.dialog.html',
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class FolderDialogComponent implements OnInit {
|
||||
|
||||
|
@ -17,7 +17,7 @@
|
||||
|
||||
import moment from 'moment-es6';
|
||||
|
||||
import { Component, Inject, OnInit, Optional } from '@angular/core';
|
||||
import { Component, Inject, OnInit, Optional, ViewEncapsulation } from '@angular/core';
|
||||
import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
|
||||
import { FormBuilder, FormGroup } from '@angular/forms';
|
||||
|
||||
@ -26,8 +26,8 @@ import { AlfrescoApiService } from '@alfresco/adf-core';
|
||||
|
||||
@Component({
|
||||
selector: 'adf-node-lock',
|
||||
styleUrls: ['./folder.dialog.scss'],
|
||||
templateUrl: './node-lock.dialog.html'
|
||||
templateUrl: './node-lock.dialog.html',
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class NodeLockDialogComponent implements OnInit {
|
||||
|
||||
|
@ -154,7 +154,7 @@
|
||||
word-break: break-all;
|
||||
white-space: pre-line;
|
||||
|
||||
@media screen and ($mat-xsmall) {
|
||||
@media screen and (max-width: 599px) {
|
||||
font-size: 48px;
|
||||
}
|
||||
}
|
||||
@ -176,7 +176,7 @@
|
||||
object-fit: contain;
|
||||
margin-top: 17px;
|
||||
|
||||
@media screen and ($mat-xsmall) {
|
||||
@media screen and (max-width: 599px) {
|
||||
width: 250px;
|
||||
}
|
||||
}
|
||||
|
@ -65,7 +65,6 @@ import { takeUntil } from 'rxjs/operators';
|
||||
|
||||
@Component({
|
||||
selector: 'adf-document-list',
|
||||
styleUrls: ['./document-list.component.scss'],
|
||||
templateUrl: './document-list.component.html',
|
||||
encapsulation: ViewEncapsulation.None,
|
||||
host: { class: 'adf-document-list' }
|
||||
|
@ -24,7 +24,6 @@ import { MemberModel } from '../../models/member.model';
|
||||
@Component({
|
||||
selector: 'adf-add-permission-dialog',
|
||||
templateUrl: './add-permission-dialog.component.html',
|
||||
styleUrls: ['./add-permission-dialog.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class AddPermissionDialogComponent {
|
||||
|
@ -1,9 +1,6 @@
|
||||
@mixin adf-add-permission-panel-theme($theme) {
|
||||
|
||||
$background: map-get($theme, background);
|
||||
$foreground: map-get($theme, foreground);
|
||||
$primary: map-get($theme, primary);
|
||||
$accent: map-get($theme, accent);
|
||||
$mat-menu-border-radius: 2px !default;
|
||||
$search-result-height: calc(100% - 75px);
|
||||
|
||||
|
@ -26,7 +26,6 @@ import { SearchComponent } from '../../../search/components/search.component';
|
||||
@Component({
|
||||
selector: 'adf-add-permission-panel',
|
||||
templateUrl: './add-permission-panel.component.html',
|
||||
styleUrls: ['./add-permission-panel.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None,
|
||||
providers: [
|
||||
{ provide: SearchConfigurationService, useClass: SearchPermissionConfigurationService },
|
||||
|
@ -24,7 +24,6 @@ import { RoleModel } from '../../models/role.model';
|
||||
@Component({
|
||||
selector: 'adf-add-permission',
|
||||
templateUrl: './add-permission.component.html',
|
||||
styleUrls: ['./add-permission.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
/*
|
||||
|
@ -1,36 +1,32 @@
|
||||
@mixin adf-permission-container-theme($theme) {
|
||||
$adf-permission-list-width: 100% !default;
|
||||
.adf-datatable-permission {
|
||||
display: flex;
|
||||
min-width: 450px;
|
||||
width: 100%;
|
||||
|
||||
.adf-datatable-permission {
|
||||
display: flex;
|
||||
min-width: 450px;
|
||||
width: $adf-permission-list-width;
|
||||
&.adf-datatable {
|
||||
overflow: hidden;
|
||||
|
||||
&.adf-datatable {
|
||||
overflow: hidden;
|
||||
.adf-delete-permission-column {
|
||||
min-width: 80px;
|
||||
|
||||
.adf-delete-permission-column {
|
||||
min-width: 80px;
|
||||
|
||||
.adf-cell-value {
|
||||
width: 80px;
|
||||
padding-right: 10px;
|
||||
place-content: flex-end;
|
||||
}
|
||||
.adf-cell-value {
|
||||
width: 80px;
|
||||
padding-right: 10px;
|
||||
place-content: flex-end;
|
||||
}
|
||||
}
|
||||
|
||||
.adf-authorityId-column {
|
||||
flex: 40%;
|
||||
}
|
||||
.adf-authorityId-column {
|
||||
flex: 40%;
|
||||
}
|
||||
|
||||
.adf-authority-icon-column {
|
||||
min-width: 40px;
|
||||
}
|
||||
.adf-authority-icon-column {
|
||||
min-width: 40px;
|
||||
}
|
||||
|
||||
.adf-datatable-selected > svg {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
.adf-datatable-selected > svg {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -1,9 +1,5 @@
|
||||
@mixin adf-permission-list-theme($theme) {
|
||||
$primary: map-get($theme, primary);
|
||||
$accent: map-get($theme, accent);
|
||||
$warn: map-get($theme, warn);
|
||||
$foreground: map-get($theme, foreground);
|
||||
$background: map-get($theme, background);
|
||||
|
||||
.adf {
|
||||
&-permission-card {
|
||||
|
@ -24,7 +24,6 @@ import { PermissionListService } from './permission-list.service';
|
||||
@Component({
|
||||
selector: 'adf-permission-list',
|
||||
templateUrl: './permission-list.component.html',
|
||||
styleUrls: ['./permission-list.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class PermissionListComponent {
|
||||
|
@ -1,6 +1,5 @@
|
||||
@mixin adf-user-icon-column-theme($theme) {
|
||||
$primary: map-get($theme, primary);
|
||||
$document-list-selection-color: mat-color($accent) !default;
|
||||
|
||||
.adf {
|
||||
&-people-initial {
|
||||
@ -31,7 +30,7 @@
|
||||
&-people-select-icon {
|
||||
margin: 0 !important;
|
||||
svg {
|
||||
fill: $document-list-selection-color;
|
||||
fill: mat-color($accent);
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
|
@ -34,7 +34,6 @@ import { NodePermissionService } from '../../services/node-permission.service';
|
||||
<mat-icon class="adf-people-select-icon adf-datatable-selected" svgIcon="selected"></mat-icon>
|
||||
</div>
|
||||
`,
|
||||
styleUrls: ['./user-icon-column.component.scss'],
|
||||
host: { class: 'adf-user-icon-column adf-datatable-content-cell' }
|
||||
})
|
||||
export class UserIconColumnComponent implements OnInit {
|
||||
|
@ -1,5 +1,4 @@
|
||||
@mixin user-name-column-theme($theme) {
|
||||
$primary: map-get($theme, primary);
|
||||
$foreground: map-get($theme, foreground);
|
||||
|
||||
.adf-user {
|
||||
|
@ -32,8 +32,7 @@ import { EcmUserModel } from '@alfresco/adf-core';
|
||||
</span>
|
||||
</div>
|
||||
`,
|
||||
host: { class: 'adf-user-name-column adf-datatable-content-cell adf-expand-cell-5 adf-ellipsis-cell' },
|
||||
styleUrls: [ './user-name-column.component.scss' ]
|
||||
host: { class: 'adf-user-name-column adf-datatable-content-cell adf-expand-cell-5 adf-ellipsis-cell' }
|
||||
})
|
||||
export class UserNameColumnComponent implements OnInit {
|
||||
@Input()
|
||||
|
@ -21,7 +21,6 @@ import { SearchFilterComponent } from '../../components/search-filter/search-fil
|
||||
@Component({
|
||||
selector: 'adf-search-chip-list',
|
||||
templateUrl: './search-chip-list.component.html',
|
||||
styleUrls: ['./search-chip-list.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None,
|
||||
host: { class: 'adf-search-chip-list' }
|
||||
})
|
||||
|
@ -1,8 +1,6 @@
|
||||
@mixin adf-search-control-theme($theme) {
|
||||
$background: map-get($theme, background);
|
||||
$foreground: map-get($theme, foreground);
|
||||
$primary: map-get($theme, primary);
|
||||
$accent: map-get($theme, accent);
|
||||
$mat-menu-border-radius: 2px !default;
|
||||
$mat-menu-overlay-min-width: 112px !default; // 56 * 2
|
||||
$mat-menu-overlay-max-width: 280px !default; // 56 * 5
|
||||
@ -29,7 +27,7 @@
|
||||
background-color: mat-color($background, card);
|
||||
border-radius: $mat-menu-border-radius;
|
||||
|
||||
@media screen and ($mat-small) {
|
||||
@media screen and (max-width: 959px) {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
|
@ -27,7 +27,6 @@ import { EmptySearchResultComponent } from './empty-search-result.component';
|
||||
@Component({
|
||||
selector: 'adf-search-control',
|
||||
templateUrl: './search-control.component.html',
|
||||
styleUrls: ['./search-control.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None,
|
||||
host: { class: 'adf-search-control' }
|
||||
})
|
||||
|
@ -39,7 +39,6 @@ import { MatMenuTrigger } from '@angular/material/menu';
|
||||
@Component({
|
||||
selector: 'adf-search-filter-container',
|
||||
templateUrl: './search-filter-container.component.html',
|
||||
styleUrls: ['./search-filter-container.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class SearchFilterContainerComponent implements OnInit, OnDestroy {
|
||||
|
@ -35,7 +35,6 @@ export interface SelectedBucket {
|
||||
@Component({
|
||||
selector: 'adf-search-filter',
|
||||
templateUrl: './search-filter.component.html',
|
||||
styleUrls: ['./search-filter.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None,
|
||||
host: { class: 'adf-search-filter' }
|
||||
})
|
||||
|
@ -23,7 +23,6 @@ import { SEARCH_QUERY_SERVICE_TOKEN } from '../../search-query-service.token';
|
||||
@Component({
|
||||
selector: 'adf-search-sorting-picker',
|
||||
templateUrl: './search-sorting-picker.component.html',
|
||||
styleUrls: ['./search-sorting-picker.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None,
|
||||
host: { class: 'adf-search-sorting-picker' }
|
||||
})
|
||||
|
@ -1,19 +1,9 @@
|
||||
@mixin adf-search-autocomplete-theme($theme) {
|
||||
$primary: map-get($theme, primary);
|
||||
$accent: map-get($theme, accent);
|
||||
$warn: map-get($theme, warn);
|
||||
$foreground: map-get($theme, foreground);
|
||||
$background: map-get($theme, background);
|
||||
$mat-menu-border-radius: 2px !default;
|
||||
.adf {
|
||||
&-search-hide {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.adf {
|
||||
|
||||
&-search-hide {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
&-search-show {
|
||||
visibility: visible;
|
||||
}
|
||||
&-search-show {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
|
@ -1,11 +1,3 @@
|
||||
@mixin selected {
|
||||
color: #2196f3;
|
||||
}
|
||||
|
||||
@mixin unselected {
|
||||
color: #808080;
|
||||
}
|
||||
|
||||
.adf-like-container {
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
@ -24,17 +16,17 @@
|
||||
|
||||
.adf-like-select {
|
||||
cursor: pointer;
|
||||
@include selected;
|
||||
color: #2196f3;
|
||||
&:hover {
|
||||
@include unselected;
|
||||
color: #808080;
|
||||
}
|
||||
}
|
||||
|
||||
.adf-like-grey {
|
||||
cursor: pointer;
|
||||
@include unselected;
|
||||
color: #808080;
|
||||
&:hover {
|
||||
@include selected;
|
||||
color: #2196f3;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -8,7 +8,6 @@
|
||||
@import '../upload/components/file-uploading-dialog.component';
|
||||
@import '../upload/components/upload-drag-area.component';
|
||||
|
||||
@import '../search/components/search.component';
|
||||
@import '../search/components/search-control.component';
|
||||
@import '../search/components/search-sorting-picker/search-sorting-picker.component';
|
||||
@import '../search/components/search-filter/search-filter.component';
|
||||
@ -24,12 +23,9 @@
|
||||
@import '../permission-manager/components/add-permission/add-permission.component';
|
||||
@import '../permission-manager/components/add-permission/add-permission-dialog.component';
|
||||
@import '../permission-manager/components/add-permission/add-permission-panel.component';
|
||||
@import '../tree-view/components/tree-view.component';
|
||||
@import '../version-manager/version-comparison.component';
|
||||
@import '../content-type/content-type-dialog.component';
|
||||
@import '../aspect-list/aspect-list.component';
|
||||
@import '../aspect-list/aspect-list-dialog.component';
|
||||
@import '../permission-manager/components/permission-container/permission-container.component';
|
||||
@import '../permission-manager/components/user-icon-column/user-icon-column.component';
|
||||
@import '../permission-manager/components/user-name-column/user-name-column.component';
|
||||
|
||||
@ -44,24 +40,20 @@
|
||||
@include adf-upload-dialog-theme($theme);
|
||||
@include adf-upload-drag-area-theme($theme);
|
||||
@include adf-search-control-theme($theme);
|
||||
@include adf-search-autocomplete-theme($theme);
|
||||
@include adf-search-sorting-picker-theme($theme);
|
||||
@include adf-filter-menu-theme($theme);
|
||||
@include adf-dialog-theme($theme);
|
||||
@include adf-content-node-selector-dialog-theme($theme);
|
||||
@include adf-content-metadata-module-theme($theme);
|
||||
@include adf-permission-list-theme($theme);
|
||||
@include adf-permission-container-theme($theme);
|
||||
@include adf-user-icon-column-theme($theme);
|
||||
@include user-name-column-theme($theme);
|
||||
@include adf-add-permission-theme($theme);
|
||||
@include adf-add-permission-dialog-theme($theme);
|
||||
@include adf-add-permission-panel-theme($theme);
|
||||
@include adf-tree-view-theme($theme);
|
||||
@include adf-search-filter-theme($theme);
|
||||
@include adf-search-chip-list-theme($theme);
|
||||
@include adf-version-comparison-theme($theme);
|
||||
@include adf-content-type-dialog-theme($theme);
|
||||
@include adf-aspect-list-theme($theme);
|
||||
@include adf-aspect-list-dialog-theme($theme);
|
||||
}
|
||||
|
@ -1,21 +1,15 @@
|
||||
@mixin adf-tree-view-theme($theme) {
|
||||
$primary: map-get($theme, primary);
|
||||
$foreground: map-get($theme, foreground);
|
||||
$background: map-get($theme, background);
|
||||
.adf {
|
||||
&-tree-view-icon {
|
||||
color: #d9e022;
|
||||
}
|
||||
|
||||
.adf {
|
||||
&-tree-view-icon {
|
||||
color: #d9e022;
|
||||
}
|
||||
&-tree-view-node.mat-tree-node {
|
||||
min-height: 40px;
|
||||
font-size: 12px;
|
||||
align-items: baseline;
|
||||
}
|
||||
|
||||
&-tree-view-node.mat-tree-node {
|
||||
min-height: 40px;
|
||||
font-size: 12px;
|
||||
align-items: baseline;
|
||||
}
|
||||
|
||||
&-tree-view-label {
|
||||
cursor: pointer;
|
||||
}
|
||||
&-tree-view-label {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
@ -24,8 +24,8 @@ import { NodeEntry } from '@alfresco/js-api';
|
||||
|
||||
@Component({
|
||||
selector: 'adf-tree-view-list',
|
||||
templateUrl: 'tree-view.component.html',
|
||||
styleUrls: ['tree-view.component.scss']
|
||||
templateUrl: './tree-view.component.html',
|
||||
styleUrls: ['./tree-view.component.scss']
|
||||
})
|
||||
|
||||
export class TreeViewComponent implements OnChanges {
|
||||
|
@ -24,8 +24,7 @@ import { takeUntil, delay } from 'rxjs/operators';
|
||||
|
||||
@Component({
|
||||
selector: 'adf-file-uploading-dialog',
|
||||
templateUrl: './file-uploading-dialog.component.html',
|
||||
styleUrls: ['./file-uploading-dialog.component.scss']
|
||||
templateUrl: './file-uploading-dialog.component.html'
|
||||
})
|
||||
export class FileUploadingDialogComponent implements OnInit, OnDestroy {
|
||||
/** Dialog direction. Can be 'ltr' or 'rtl. */
|
||||
|
@ -20,8 +20,7 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'adf-file-uploading-list-row',
|
||||
templateUrl: './file-uploading-list-row.component.html',
|
||||
styleUrls: ['./file-uploading-list-row.component.scss']
|
||||
templateUrl: './file-uploading-list-row.component.html'
|
||||
})
|
||||
export class FileUploadingListRowComponent {
|
||||
@Input()
|
||||
|
@ -25,7 +25,6 @@ import { UploadBase } from './base-upload/upload-base';
|
||||
@Component({
|
||||
selector: 'adf-upload-drag-area',
|
||||
templateUrl: './upload-drag-area.component.html',
|
||||
styleUrls: ['./upload-drag-area.component.scss'],
|
||||
host: {'class': 'adf-upload-drag-area'},
|
||||
viewProviders: [
|
||||
{provide: EXTENDIBLE_COMPONENT, useExisting: forwardRef(() => UploadDragAreaComponent)}
|
||||
|
@ -21,8 +21,7 @@ import { ThumbnailService } from '@alfresco/adf-core';
|
||||
|
||||
@Component({
|
||||
selector: 'adf-version-comparison',
|
||||
templateUrl: './version-comparison.component.html',
|
||||
styleUrls: ['./version-comparison.component.scss']
|
||||
templateUrl: './version-comparison.component.html'
|
||||
})
|
||||
export class VersionComparisonComponent {
|
||||
|
||||
|
@ -40,7 +40,7 @@ import { Component, EventEmitter, Input, OnChanges, Output } from '@angular/core
|
||||
*/
|
||||
@Component({
|
||||
selector: 'adf-webscript-get',
|
||||
templateUrl: 'webscript.component.html'
|
||||
templateUrl: './webscript.component.html'
|
||||
})
|
||||
export class WebscriptComponent implements OnChanges {
|
||||
|
||||
|
@ -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 {
|
||||
|
||||
|
@ -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 {
|
||||
|
@ -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
|
||||
})
|
||||
|
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user