Connected Profiles
No profiles are saved on this device. You can connect multiple profiles by
diff --git a/src/app/pages/user-page/user-page.component.scss b/src/app/pages/user-page/user-page.component.scss
index 153089762..1f661aff4 100644
--- a/src/app/pages/user-page/user-page.component.scss
+++ b/src/app/pages/user-page/user-page.component.scss
@@ -1,6 +1,3 @@
-mat-card {
- margin-bottom: 1em;
-}
.full-width-field {
width: 100%;
diff --git a/src/app/pages/youtube-page/youtube-page.component.html b/src/app/pages/youtube-page/youtube-page.component.html
index 61510bd8e..82fe035ca 100644
--- a/src/app/pages/youtube-page/youtube-page.component.html
+++ b/src/app/pages/youtube-page/youtube-page.component.html
@@ -1,4 +1,4 @@
-
+
{{ error }}
diff --git a/src/app/services/adapter-form-select.service.ts b/src/app/services/adapter-form-select.service.ts
index 84c9f97f4..8fc323795 100644
--- a/src/app/services/adapter-form-select.service.ts
+++ b/src/app/services/adapter-form-select.service.ts
@@ -1,5 +1,5 @@
import { Injectable } from '@angular/core';
-import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
+import { MatDialog } from '@angular/material/dialog';
import {FormSelectDialogComponent} from '../dialogs/form-select-dialog/form-select-dialog.component';
import {map, switchMap} from 'rxjs/operators';
import {has} from 'lodash-es';
diff --git a/src/app/services/adapter-install.service.ts b/src/app/services/adapter-install.service.ts
index bfe43e1a2..4aab57b03 100644
--- a/src/app/services/adapter-install.service.ts
+++ b/src/app/services/adapter-install.service.ts
@@ -1,10 +1,9 @@
import { Injectable } from '@angular/core';
-import {HttpClient} from '@angular/common/http';
+import { HttpClient } from '@angular/common/http';
import {LocalDatabaseService} from './local-database.service';
-import {findIndex, get, has} from 'lodash-es';
+import {get, has} from 'lodash-es';
import {AppSettingsService} from './app-settings.service';
-import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar';
-import * as LZS from 'lz-string';
+import { MatSnackBar } from '@angular/material/snack-bar';
@Injectable({
providedIn: 'root'
diff --git a/src/app/services/bloomen-api.service.ts b/src/app/services/bloomen-api.service.ts
index 701de25f6..a169e8d18 100644
--- a/src/app/services/bloomen-api.service.ts
+++ b/src/app/services/bloomen-api.service.ts
@@ -1,7 +1,7 @@
import { Injectable } from '@angular/core';
import {map, tap} from 'rxjs/operators';
import {omit} from 'lodash-es';
-import {HttpClient} from '@angular/common/http';
+import { HttpClient } from '@angular/common/http';
const BLOOMEN_URL = 'https://bloomen.herokuapp.com'; // no trailing slash
diff --git a/src/app/services/connection-manager.service.ts b/src/app/services/connection-manager.service.ts
index 360f9a7d8..666346b27 100644
--- a/src/app/services/connection-manager.service.ts
+++ b/src/app/services/connection-manager.service.ts
@@ -1,6 +1,6 @@
import { Injectable } from '@angular/core';
import { set } from 'lodash';
-import {HttpClient} from '@angular/common/http';
+import { HttpClient } from '@angular/common/http';
import {environment} from '@env/environment';
import {tap} from 'rxjs/operators';
diff --git a/src/app/services/form-data.service.ts b/src/app/services/form-data.service.ts
index 58ee902fb..bfb24940d 100644
--- a/src/app/services/form-data.service.ts
+++ b/src/app/services/form-data.service.ts
@@ -1,13 +1,13 @@
import { Injectable } from '@angular/core';
import {of} from 'rxjs';
-import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
-import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar';
+import { MatDialog } from '@angular/material/dialog';
+import { MatSnackBar } from '@angular/material/snack-bar';
import {FormDataSelectDialogComponent} from '../dialogs/form-data-select-dialog/form-data-select-dialog.component';
import {DocumentRepositoryService} from './document-repository.service';
import {map, switchMap, tap} from 'rxjs/operators';
import {get, has} from 'lodash-es';
import {ApiDataSelectDialogComponent} from '../dialogs/api-data-select-dialog/api-data-select-dialog.component';
-import {HttpClient} from '@angular/common/http';
+import { HttpClient } from '@angular/common/http';
@Injectable({
providedIn: 'root'
diff --git a/src/app/services/global-error-handler.service.ts b/src/app/services/global-error-handler.service.ts
index e3b11831b..966a397b8 100644
--- a/src/app/services/global-error-handler.service.ts
+++ b/src/app/services/global-error-handler.service.ts
@@ -1,5 +1,5 @@
import { Injectable, ErrorHandler } from '@angular/core';
-import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar';
+import { MatSnackBar } from '@angular/material/snack-bar';
import {Subject} from 'rxjs';
import {debounceTime, throttleTime} from 'rxjs/operators';
diff --git a/src/app/services/menu-builder.service.ts b/src/app/services/menu-builder.service.ts
index 91de92b98..502866190 100644
--- a/src/app/services/menu-builder.service.ts
+++ b/src/app/services/menu-builder.service.ts
@@ -55,13 +55,13 @@ export class MenuBuilderService {
label: 'dashboard' ,
icon: 'dashboard',
},
- ...(services.length === 0) ? [] : [{
+ ...((services.length === 0) ? [] : [{
label: 'services',
icon: 'live_tv',
path: '/services',
children: services
- }],
- ...this.settings.get('disablePreview', true) ? [] : PROTOTYPE_MENU,
+ }]),
+ ...(this.settings.get('disablePreview', true) ? [] : PROTOTYPE_MENU),
{
path: '/core/settings',
label: 'settings',
diff --git a/src/app/services/schema-repository.service.ts b/src/app/services/schema-repository.service.ts
index 0e4ca9817..ec73ad97e 100644
--- a/src/app/services/schema-repository.service.ts
+++ b/src/app/services/schema-repository.service.ts
@@ -1,7 +1,7 @@
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { map, tap } from 'rxjs/operators';
-import { safeLoad as YamlLoad } from 'js-yaml';
+import * as yaml from 'js-yaml';
import { forkJoin } from 'rxjs';
@Injectable({
@@ -26,7 +26,7 @@ export class SchemaRepositoryService {
return forkJoin(enabledSchemas.map(schemaName => this.http
.get(`assets/schemas/${ schemaName }.yaml`, {responseType: 'text'})
.pipe(
- map(text => YamlLoad(text)),
+ map(text => yaml.load(text)),
tap(schema => this.schemas[schemaName] = schema)
)))
.toPromise();
diff --git a/src/app/services/share-link-generator.service.ts b/src/app/services/share-link-generator.service.ts
index 3bde01f35..c1f9a6df0 100644
--- a/src/app/services/share-link-generator.service.ts
+++ b/src/app/services/share-link-generator.service.ts
@@ -1,7 +1,7 @@
import { Injectable } from '@angular/core';
import { environment } from '../../environments/environment';
import * as LZS from 'lz-string';
-import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
+import { MatDialog } from '@angular/material/dialog';
import { ShowShareLinkDialogComponent } from '../dialogs/show-share-link-dialog/show-share-link-dialog.component';
import { LocalDatabaseService } from '../services/local-database.service';
@@ -59,5 +59,5 @@ export class ShareLinkGeneratorService {
}
return false;
}
-
+
}
diff --git a/src/app/services/workflow-repo.service.ts b/src/app/services/workflow-repo.service.ts
index 5e3afd8d6..780743109 100644
--- a/src/app/services/workflow-repo.service.ts
+++ b/src/app/services/workflow-repo.service.ts
@@ -3,7 +3,7 @@ import {AdaptersService} from './adapters.service';
import {catchError, map, switchMap, tap} from 'rxjs/operators';
import {get} from 'lodash-es';
import {from, of} from 'rxjs';
-import {HttpClient} from '@angular/common/http';
+import { HttpClient } from '@angular/common/http';
import {LocalDatabaseService} from './local-database.service';
import {environment} from '../../environments/environment';
import {camelCase} from 'camel-case';
diff --git a/src/app/services/workflow.service.ts b/src/app/services/workflow.service.ts
index d2c19a2f5..52ecc63c7 100644
--- a/src/app/services/workflow.service.ts
+++ b/src/app/services/workflow.service.ts
@@ -1,12 +1,12 @@
import { Injectable } from '@angular/core';
import {NavigationEnd, Router} from '@angular/router';
-import {filter, take, tap, withLatestFrom} from 'rxjs/operators';
+import {filter, take, withLatestFrom} from 'rxjs/operators';
import {ExportConfigDialogComponent} from '../dialogs/export-config-dialog/export-config-dialog.component';
-import * as stringify from 'json-stringify-safe';
+import stringify from 'json-stringify-safe';
import {PasteConfigDialogComponent} from '../dialogs/paste-config-dialog/paste-config-dialog.component';
import {clone, findIndex, get, has, isArray, pick, set} from 'lodash-es';
-import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
-import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar';
+import { MatDialog } from '@angular/material/dialog';
+import { MatSnackBar } from '@angular/material/snack-bar';
import {PageTitleService} from './page-title.service';
import {AdaptersService} from './adapters.service';
// tslint:disable-next-line:import-spacing
@@ -262,7 +262,7 @@ export class WorkflowService {
}
getAdapterName() {
- return get(this.context, 'app.adapterName', 'Adapter name');
+ return get(this.context, 'app.adapterName', DEFAULT_ADAPTER_NAME);
}
getWorkflowId() {
diff --git a/src/app/services/youtube-data.service.ts b/src/app/services/youtube-data.service.ts
index 8ae4dbc67..6dfcc921b 100644
--- a/src/app/services/youtube-data.service.ts
+++ b/src/app/services/youtube-data.service.ts
@@ -2,7 +2,7 @@ import { Injectable } from '@angular/core';
import {AuthService} from './auth.service';
import {BehaviorSubject, from, of} from 'rxjs';
import {catchError, map, switchMap, tap} from 'rxjs/operators';
-import {HttpClient, HttpEventType, HttpHeaders} from '@angular/common/http';
+import { HttpClient, HttpEventType, HttpHeaders } from '@angular/common/http';
@Injectable({
providedIn: 'root'
diff --git a/src/main.ts b/src/main.ts
index e76caeea5..07c431511 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,12 +1,21 @@
import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-
import { AppModule } from './app/app.module';
import { environment } from './environments/environment';
if (environment.production) {
enableProdMode();
+
+ if ('serviceWorker' in navigator) {
+ window.addEventListener('load', () => {
+ navigator.serviceWorker.register('/ngsw-worker.js').then(registration => {
+ console.log('ServiceWorker registration successful with scope: ', registration.scope);
+ }, err => {
+ console.log('ServiceWorker registration failed: ', err);
+ });
+ });
+ }
}
platformBrowserDynamic().bootstrapModule(AppModule)
diff --git a/src/styles.scss b/src/styles.scss
index 3af1d8dc3..3c512c9d3 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -1,64 +1,55 @@
@use '@angular/material' as mat;
-@import "../node_modules/ag-grid-community/src/styles/ag-grid.scss";
-@import "../node_modules/ag-grid-community/src/styles/ag-theme-alpine/sass/ag-theme-alpine-mixin.scss";
+@import '../node_modules/ag-grid-community/styles/ag-grid.css';
+@import '../node_modules/ag-grid-community/styles/ag-theme-alpine.css';
+@import "@fortawesome/fontawesome-free/css/all.css";
-.ag-theme-alpine {
- @include ag-theme-alpine();
-}
-
-@import "~@fortawesome/fontawesome-free/css/all.css";
// Custom Theming for Angular Material
// For more information: https://material.angular.io/guide/theming
-// Plus imports for other components in your app.
-
-// Include the common styles for Angular Material. We include this here so that you only
-// have to load a single css file for Angular Material in your app.
-// Be sure that you only ever include this mixin once!
-// TODO(v15): As of v15 mat.legacy-core no longer includes default typography styles.
-// The following line adds:
-// 1. Default typography styles for all components
-// 2. Styles for typography hierarchy classes (e.g. .mat-headline-1)
-// If you specify typography styles for the components you use elsewhere, you should delete this line.
-// If you don't need the default component typographies but still want the hierarchy styles,
-// you can delete this line and instead use:
-// `@include mat.legacy-typography-hierarchy(mat.define-legacy-typography-config());`
-
-@include mat.all-legacy-component-typographies();
-@include mat.legacy-core();
-@import '@angular/material/theming';
-@include mat-core();
+// Include the common styles for Angular Material.
+// We include this here so that you only have to load a single css file for Angular Material in your app.
+@include mat.all-component-typographies();
+@include mat.core();
// Define the palettes for your theme using the Material Design palettes available in palette.scss
// (imported above). For each palette, you can optionally specify a default, lighter, and darker
-// hue. Available color palettes: https://material.io/design/color/
-$kendraio-app-primary: mat.define-palette(mat.$green-palette);
-$kendraio-app-accent: mat.define-palette(mat.$orange-palette, A200, A100, A400);
+// hue. Available color palettes up to vM2: https://material.io/design/color/
+$kendraio-app-primary: mat.m2-define-palette(mat.$m2-green-palette);
+$kendraio-app-accent: mat.m2-define-palette(mat.$m2-orange-palette, A200, A100, A400);
+$kendraio-app-warn: mat.m2-define-palette(mat.$m2-red-palette);
-// The warn palette is optional (defaults to red).
-$kendraio-app-warn: mat.define-palette(mat.$red-palette);
+$container-padding: 20px;
-// Create the theme object (a Sass map containing all of the palettes).
-$kendraio-app-theme: mat.define-light-theme((
+// Create custom MUI theme.
+$kendraio-app-theme: mat.m2-define-light-theme((
color: (
primary: $kendraio-app-primary,
accent: $kendraio-app-accent,
warn: $kendraio-app-warn
),
- typography: mat.define-typography-config(),
- density: 0,
+ typography: mat.m2-define-typography-config(),
+ density: -1,
));
-
-// Include theme styles for core and each component used in your app.
-// Alternatively, you can import and @include the theme mixins for each component
-// that you are using.
-@include mat.all-legacy-component-themes($kendraio-app-theme);
-@include angular-material-theme($kendraio-app-theme);
+@include mat.all-component-themes($kendraio-app-theme);
+// Global style, not part of the custom theme.
html, body { height: 100%; overflow: hidden; }
body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
+.mat-mdc-dialog-container .mat-mdc-dialog-actions {
+ padding: 10px 20px 20px;
+}
+
+.mdc-button.mat-mdc-button > .mat-icon,
+.mdc-button.mat-mdc-unelevated-button > .mat-icon,
+.mdc-button.mat-mdc-raised-button > .mat-icon,
+.mdc-button.mat-mdc-outlined-button > .mat-icon {
+ font-size: 1.5rem;
+ height: 1.5rem;
+ width: 1.5rem;
+}
+
.mb-1 {
margin-bottom: 1em;
}
@@ -66,10 +57,10 @@ body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
margin-top: 1em;
}
-dynamic-material-form-control .mat-form-field {
+dynamic-material-form-control .mat-mdc-form-field {
width: 100%;
}
-.mat-radio-button ~ .mat-radio-button {
+.mat-mdc-radio-button ~ .mat-radio-button {
margin-left: 16px;
}
@@ -81,18 +72,16 @@ dynamic-material-form-control .mat-form-field {
}
.schedule-popup{
- // display:none;
position: absolute;
box-shadow: 3px 3px 3px rgba(55,3, 3, .5);
padding: 16px;
background-color: silver;
-transform: translatey(-80px);
-transition: all 2s ease;
-z-index: 9;
-&.in{
- display: block;
-// transform: translate(80px,-80px);
-}
+ transform: translatey(-80px);
+ transition: all 2s ease;
+ z-index: 9;
+ &.in{
+ display: block;
+ }
}
.editor-config-column .mat-expansion-panel-body {
diff --git a/src/styles/_ng-select-theme.scss b/src/styles/_ng-select-theme.scss
index 880f8f7d4..ddc730a3f 100644
--- a/src/styles/_ng-select-theme.scss
+++ b/src/styles/_ng-select-theme.scss
@@ -10,16 +10,16 @@
$background: map-get($theme, background);
- $highlight-color: if($isdark, mat.get-color-from-palette($foreground, text) ,mat.get-color-from-palette($primary));
+ $highlight-color: if($isdark, mat.m2-get-color-from-palette($foreground, text) ,mat.m2-get-color-from-palette($primary));
.ng-select, .ng-select-container, .ng-input>input {
- color: mat.get-color-from-palette($foreground, text) !important;
+ color: mat.m2-get-color-from-palette($foreground, text) !important;
font: inherit;
font-family: inherit;
}
.ng-placeholder{
display: none;
- color: mat.get-color-from-palette($foreground, text,.54) !important;
+ color: mat.m2-get-color-from-palette($foreground, text,.54) !important;
}
.ng-select-focused {
@@ -35,10 +35,10 @@
.ng-clear-wrapper, .ng-arrow-wrapper{
height: 1em;
- color: mat.get-color-from-palette($foreground, text, .4);
+ color: mat.m2-get-color-from-palette($foreground, text, .4);
}
.ng-clear-wrapper:hover, .ng-arrow-wrapper:hover{
- color: mat.get-color-from-palette($foreground, text);
+ color: mat.m2-get-color-from-palette($foreground, text);
}
.ng-select .ng-arrow-wrapper .ng-arrow{
border-left: 5px solid transparent;
@@ -55,8 +55,8 @@
margin-bottom: -4px;
.ng-value{
// WIP
- color: mat.get-color-from-palette($primary, default-contrast);
- background: mat.get-color-from-palette($primary);
+ color: mat.m2-get-color-from-palette($primary, default-contrast);
+ background: mat.m2-get-color-from-palette($primary);
padding: 4px 8px;
border-radius: 12px;
margin: 0 4px 2px 0;
@@ -71,15 +71,15 @@
.ng-dropdown-panel{
@include mat.elevation(4);
- background: mat.get-color-from-palette($background, card);
- color: mat.get-color-from-palette($foreground, text) !important;
+ background: mat.m2-get-color-from-palette($background, card);
+ color: mat.m2-get-color-from-palette($foreground, text) !important;
- .mat-option.ng-option-selected:not(.ng-option-marked):not(:hover) {
- background: mat.get-color-from-palette($background, card);
+ .mat-mdc-option.ng-option-selected:not(.ng-option-marked):not(:hover) {
+ background: mat.m2-get-color-from-palette($background, card);
&:not(.ng-option-disabled) {
- color: mat.get-color-from-palette($foreground, text);
+ color: mat.m2-get-color-from-palette($foreground, text);
}
}
@@ -93,23 +93,23 @@
&.multiple {
.ng-option {
&.selected {
- background: mat.get-color-from-palette($background,card);
+ background: mat.m2-get-color-from-palette($background,card);
}
&.marked {
- background: mat.get-color-from-palette($foreground, text, .04);
+ background: mat.m2-get-color-from-palette($foreground, text, .04);
}
}
}
.ng-dropdown-header {
- border-bottom: 1px solid mat.get-color-from-palette($foreground, text,.12);
+ border-bottom: 1px solid mat.m2-get-color-from-palette($foreground, text,.12);
padding: 0 16px;
line-height: 3em;
min-height: 3em;
}
.ng-dropdown-footer {
- border-top: 1px solid mat.get-color-from-palette($foreground, text,.12);
+ border-top: 1px solid mat.m2-get-color-from-palette($foreground, text,.12);
padding: 0 16px;
line-height: 3em;
min-height: 3em;
@@ -122,16 +122,16 @@
line-height: 3em;
height: 3em;
padding: 0 16px;
- color: mat.get-color-from-palette($foreground, text);
+ color: mat.m2-get-color-from-palette($foreground, text);
font-weight: 500;
&.ng-option-marked {
- background:mat.get-color-from-palette($foreground, text, .04);
+ background:mat.m2-get-color-from-palette($foreground, text, .04);
}
&.ng-option-disabled {
cursor: default;
}
&.ng-option-selected {
- background: mat.get-color-from-palette($foreground, text, .12);
+ background: mat.m2-get-color-from-palette($foreground, text, .12);
color: $highlight-color;
}
}
@@ -144,19 +144,19 @@
padding: 0 16px;
text-decoration: none;
position: relative;
- color: mat.get-color-from-palette($foreground, text,.87);
+ color: mat.m2-get-color-from-palette($foreground, text,.87);
text-align: left;
&.ng-option-marked {
- background: mat.get-color-from-palette($foreground, text, .04);
- color: mat.get-color-from-palette($foreground, text,.87);
+ background: mat.m2-get-color-from-palette($foreground, text, .04);
+ color: mat.m2-get-color-from-palette($foreground, text,.87);
}
&.ng-option-selected {
- background: mat.get-color-from-palette($foreground, text, .12);
+ background: mat.m2-get-color-from-palette($foreground, text, .12);
color: $highlight-color;
}
&.ng-option-disabled {
- color: mat.get-color-from-palette($foreground, text, 0.38);
+ color: mat.m2-get-color-from-palette($foreground, text, 0.38);
}
&.ng-option-child {
padding-left: 32px;
@@ -165,7 +165,7 @@
padding-right: 5px;
font-size: 80%;
font-weight: 400;
- color: mat.get-color-from-palette($foreground, text, 0.38);
+ color: mat.m2-get-color-from-palette($foreground, text, 0.38);
}
}
}
diff --git a/src/styles/main.scss b/src/styles/main.scss
index 65e3a7734..aa74795de 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -8,13 +8,7 @@ Global Style Guide:
*********/
-@import "~@ng-select/ng-select/themes/material.theme.css";
-// @import '../../app/ng-select-theme';
-
-
-.formFieldWidth380 .mat-form-field-infix {
- width: 380px;
-}
+@import "@ng-select/ng-select/themes/material.theme.css";
.ken-tree-invisible {
display: none;
@@ -38,12 +32,6 @@ Global Style Guide:
overflow: hidden;
}
-.ken-tree li>ul>.mat-tree-node li,
-.mat-nested-tree-node li {
- // background: rgba(0, 0, 0, 0.04);
- // font-size: 12px
-}
-
.mat-nested-tree-node ul li {
min-height: 28px !important;
}
@@ -63,22 +51,16 @@ button:focus {
padding: 16px;
}
-.mat-tree-node {
- // padding-left: 16px;
-}
-
button.active {
- // background-color: silver!important;
opacity: 0.4;
cursor: default;
}
.menu-item--active {
- // background: rgba(0, 0, 0, 0.2);
background-color: whitesmoke;
}
-.mat-menu-item {
+.mat-mdc-menu-item {
padding: 10px 16px;
}
@@ -149,15 +131,17 @@ button.active {
right: 0;
}
-.mat-menu-item {
- text-transform: capitalize;
+.mat-drawer-side {
+ margin-left: 10px;
}
-// .mat-drawer, .mat-sidenav {
-// min-width:200px;
-// transition: all 3s ease-in-out;
-// position: relative!important;
-// }
+.mat-drawer-side li .mat-icon {
+ margin-right: 10px;
+}
+
+.mat-mdc-menu-item {
+ text-transform: capitalize;
+}
.form-container>* {
width: 100%;
@@ -167,17 +151,16 @@ dynamic-material-form-control:not(:last-child) {
margin-right: 40px;
}
-.mat-menu-item .mat-icon-no-color,
-.mat-menu-item-submenu-trigger::after {
+.mat-mdc-menu-item .mat-icon-no-color,
+.mat-mdc-menu-item-submenu-trigger::after {
color: rgba(0, 0, 0, 1);
}
-.mat-card {
- img {
- object-fit: cover;
- width: 100%;
- margin-top: 20px;
- }
+.mat-mdc-card {
+ transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
+ display: block;
+ position: relative;
+ padding: 1em;
}
// HELPER CLASS
@@ -203,7 +186,6 @@ ng-select {
}
.ng-select {
-
.ng-select-container {
overflow: visible !important;
}
@@ -229,46 +211,11 @@ formly-field {
}
}
-
-.mat-form-field-type-boolean .mat-form-field-wrapper {
- padding-bottom: 0 !important;
- height: 44px;
-}
-
-formly-object-type formly-object-type>formly-field {
- //margin-left: 40px
-}
-
-formly-object-type legend {
- //margin-left: 20px
-}
-
-formly-object-type {
- // background-color: blue;
-}
-
formly-array-type {
- // >.mat-card {
- // display: flex;
- // flex-wrap: wrap;
- // align-content: space-around ;
- // align-items: flex-end;
- .mat-card {
+ .mat-mdc-card {
margin-right: 16px;
}
- // }
- mat-card-header {
- font-size: 1.5rem;
- }
- mat-card {
- margin-bottom: 16px
- }
-
-}
-
-.mat-form-field{
- margin-bottom: 1rem;
}
// Fix for cut-off Formly Material label
@@ -289,4 +236,20 @@ formly-array-type {
content: "(read-only)";
}
-// Kendraio3ca31f6bcb87c68721363847192dbd57
\ No newline at end of file
+.block-comment-container {
+ width: 95%;
+ margin-left: 2%;
+ position: relative;
+}
+
+.mat-mdc-progress-spinner,
+.spinner-wrapper {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin: 20px;
+}
+
+.spinner-wrapper-allpage {
+ height: 100vh;
+}
\ No newline at end of file
diff --git a/src/styles/vendor.scss b/src/styles/vendor.scss
index 589de9c25..12b2745fb 100644
--- a/src/styles/vendor.scss
+++ b/src/styles/vendor.scss
@@ -5,7 +5,7 @@
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
-@import "~bootstrap/dist/css/bootstrap.css";
+@import "bootstrap/dist/css/bootstrap.css";
// Our own variables that override bootstrap
@import "_variables";
@@ -19,7 +19,7 @@
*/
// $fa-font-path: "~font-awesome/fonts"; /// maybe??
-// @import "~font-awesome/scss/font-awesome";
+// @import "font-awesome/scss/font-awesome";
//TODO: move to main
diff --git a/tsconfig.json b/tsconfig.json
index 41a0e4dc4..60c20d68c 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -5,6 +5,7 @@
"outDir": "./dist/out-tsc",
"sourceMap": true,
"declaration": false,
+ "esModuleInterop": true,
"module": "esnext",
"moduleResolution": "node",
"emitDecoratorMetadata": true,
@@ -19,7 +20,6 @@
"es2018",
"dom"
],
- "allowSyntheticDefaultImports": true,
"paths": {
"@env/*": [
"./src/environments/*"