diff --git a/lib/content-services/src/lib/aspect-list/aspect-list-dialog.component.scss b/lib/content-services/src/lib/aspect-list/aspect-list-dialog.component.scss index 4710abd175..f865d6da43 100644 --- a/lib/content-services/src/lib/aspect-list/aspect-list-dialog.component.scss +++ b/lib/content-services/src/lib/aspect-list/aspect-list-dialog.component.scss @@ -8,59 +8,54 @@ adf-aspect-list-dialog { } } -.adf { - &-aspect-list-dialog-title { - font-size: large; - font-weight: 200; - margin-top: 0; +.adf-aspect-list-dialog-title { + font-size: large; + font-weight: 200; + margin-top: 0; +} + +.adf-aspect-list-dialog-description { + font-size: small; + line-height: normal; +} + +.adf-aspect-list-dialog-information { + display: flex; + justify-content: space-between; + padding-bottom: 4px; + padding-left: 4px; + padding-right: 4px; + font-size: small; +} + +.adf-aspect-list-dialog { + justify-content: space-between; + padding-left: 4px; + padding-right: 4px; + padding-top: 0; + + &::before { + display: none; } +} - &-aspect-list-dialog-description { - font-size: small; - line-height: normal; - } +.adf-aspect-dialog-content { + padding: 0; + margin-bottom: 8px; - &-aspect-list-dialog-information { - display: flex; - justify-content: space-between; - padding-bottom: 4px; - padding-left: 4px; - padding-right: 4px; - font-size: small; - } - - &-aspect-list-dialog { - justify-content: space-between; - padding-left: 4px; - padding-right: 4px; - padding-top: 0; - - #{ms.$mat-dialog-content} { - padding: 0; + .adf-aspect-property-table { + .adf-aspect-property-table-cell { + font-size: smaller; + color: var(--adf-theme-foreground-text-color-087); } - &::before { - display: none; - } - } - - &-aspect-dialog-content { - margin-bottom: 8px; - - .adf-aspect-property-table { - .adf-aspect-property-table-cell { - font-size: smaller; - color: var(--adf-theme-foreground-text-color-087); + .adf-aspect-property-table-column { + &-name { + width: 30%; } - .adf-aspect-property-table-column { - &-name { - width: 30%; - } - - &-title { - width: 50%; - } + &-title { + width: 50%; } } } diff --git a/lib/content-services/src/lib/mat-selectors.scss b/lib/content-services/src/lib/mat-selectors.scss index 5d1e8a9626..67c862710a 100644 --- a/lib/content-services/src/lib/mat-selectors.scss +++ b/lib/content-services/src/lib/mat-selectors.scss @@ -1,96 +1,38 @@ /* Variables in this file are used in the Angular Material library. Do not modify them unless you know what you are doing. */ -$material-icons: '.material-icons'; $mat-icon: '.mat-icon'; -$mat-icon-button: '.mat-mdc-icon-button'; -$mat-icon-button-hover: '.mdc-icon-button__ripple'; -$mat-accent: '.mat-accent'; $mat-focused: '.mat-focused'; $mat-line: '.mat-line'; $mat-tab-label: '.mat-mdc-tab'; -$mat-tab-label-active: '.mdc-tab--active'; -$mat-tab-label-content: '.mdc-tab__content'; -$mat-tab-label-container: '.mat-mdc-tab-label-container'; $mat-expansion-panel-body: '.mat-expansion-panel-body'; $mat-tab-label-text: '.mdc-tab__text-label'; -$mat-tab-list: '.mat-mdc-tab-list'; -$mat-tab-body: '.mat-mdc-tab-body'; -$mat-tab-body-wrapper: '.mat-mdc-tab-body-wrapper'; -$mat-tab-body-content: '.mat-mdc-tab-body-content'; $mat-tab-header: '.mat-mdc-tab-header'; -$mat-tab-labels: '.mat-mdc-tab-labels'; -$mat-tab-ink-bar: '.mdc-tab-indicator'; $mat-chip: '.mat-mdc-chip'; -$mat-chip-list: '.mat-mdc-chip-list'; -$mat-chip-list-wrapper: '.mat-chip-list-wrapper'; $mat-checkbox: '.mat-mdc-checkbox'; $mat-checkbox-box: '.mdc-checkbox'; -$mat-checkbox-frame: '.mdc-checkbox__checkmark'; -$mat-checkbox-label: '.mdc-label'; -$mat-checkbox-checked: '.mat-mdc-checkbox-checked'; $mat-button: '.mat-mdc-button'; $mat-button-label: '.mdc-button__label'; -$mat-button-label-text: '.mdc-button__label'; -$mat-radio-checked: '.mat-mdc-radio-checked'; -$mat-radio-label: '.mdc-label'; -$mat-progress-bar: '.mat-mdc-progress-bar'; -$mat-progress-spinner: '.mat-mdc-progress-spinner'; $mat-form-field: '.mat-mdc-form-field'; $mat-form-field-flex: '.mat-mdc-form-field-flex'; -$mat-form-field-outline: '.mat-mdc-form-field-outline'; $mat-form-field-wrapper: '.mat-mdc-text-field-wrapper'; $mat-line-ripple: '.mdc-line-ripple'; $mat-form-field-subscript-wrapper: '.mat-mdc-form-field-subscript-wrapper'; -$mat-form-field-prefix: '.mat-mdc-form-field-text-prefix'; -$mat-form-field-suffix: '.mat-mdc-form-field-text-suffix'; $mat-form-text-field-infix: '.mat-mdc-form-text-infix'; $mat-form-field-label: '.mat-mdc-floating-label'; -$mat-form-field-invalid: '.mat-form-field-invalid'; $mat-form-field-appearance-outline: '.mat-form-field-appearance-outline'; $mat-text-field-outlined: '.mdc-text-field--outlined'; $mat-text-field-outlined-thick: '.mdc-text-field--outlined-thick'; -$mat-text-field-focused: '.mdc-text-field--focused'; -$mat-dialog-actions: '.mat-mdc-dialog-actions'; -$mat-dialog-container: '.mdc-dialog__container'; -$mat-dialog-content: '.mat-mdc-dialog-content'; -$mat-button-toggle: '.mat-button-toggle'; -$mat-button-toggle-checked: '.mat-button-toggle-checked'; -$mat-button-touch-target: '.mat-mdc-button-touch-target'; $mat-input-element: '.mat-mdc-input-element'; $mat-card: '.mat-mdc-card'; -$mat-card-actions: '.mat-mdc-card-actions'; -$mat-card-header-text: '.mat-mdc-card-header-text'; -$mat-card-title: '.mat-mdc-card-title'; $mat-card-content: '.mat-mdc-card-content'; -$mat-mini-fab: '.mat-mdc-mini-fab'; $mat-list-item-primary-text: '.mdc-list-item__primary-text'; $mat-list-item-end: '.mdc-list-item__end'; -$mat-table: '.mat-mdc-table'; -$mat-header-row: '.mat-mdc-header-row'; -$mat-row: '.mat-mdc-row'; $mat-select: '.mat-mdc-select'; -$mat-select-value: '.mat-select-value'; -$mat-select-value-text: '.mat-mdc-select-value-text'; -$mat-select-panel: '.mat-mdc-select-panel'; -$mat-grid-tile: '.mat-grid-tile'; -$mat-sidenav-content: '.mat-sidenav-content'; -$mat-drawer-transition: '.mat-drawer-transition'; -$mat-drawer-content: '.mat-drawer-content'; -$mat-subheader: '.mat-mdc-subheader'; $mat-menu-panel: '.mat-mdc-menu-panel'; -$mat-menu-content: '.mat-mdc-menu-content'; $mat-expansion-panel: '.mat-expansion-panel'; -$mat-expansion-panel-header: '.mat-expansion-panel-header'; -$mat-expanded: '.mat-expanded'; $mat-calendar: '.mat-calendar'; $mat-calendar-header: '.mat-calendar-header'; -$mat-calendar-content: '.mat-calendar-content'; -$mat-calendar-table-header: '.mat-calendar-table-header'; -$mat-calendar-body-disabled: '.mat-calendar-body-disabled'; $mat-toolbar: '.mat-toolbar'; -$mat-slide-toggle: '.mat-mdc-slide-toggle'; -$mat-list-item-content: '.mdc-list-item__content'; -$mat-list-item-unscoped-content: '.mat-mdc-list-item-unscoped-content'; $mat-text-field-no-label: '.mdc-text-field--no-label'; $mat-form-field-infix: '.mat-mdc-form-field-infix'; $mat-form-field-hide-placeholder: '.mat-form-field-hide-placeholder'; @@ -98,93 +40,24 @@ $mat-form-field-hint-wrapper: '.mat-mdc-form-field-hint-wrapper'; $mat-form-field-error-wrapper: '.mat-mdc-form-field-error-wrapper'; $mat-form-field-error: '.mat-mdc-form-field-error'; $mat-checkbox-background: '.mdc-checkbox__background'; -$mat-dialog-content: '.mdc-dialog__content'; $mat-floating-label: '.mdc-floating-label'; -$mat-floating-label-above: '.mdc-floating-label--float-above'; $mat-select-arrow-wrapper: '.mat-mdc-select-arrow-wrapper'; $mat-dialog-title: '.mdc-dialog__title'; $mat-expansion-panel-body: '.mat-expansion-panel-body'; $mat-dialog-surface: '.mat-mdc-dialog-surface'; $mdc-dialog: '.mdc-dialog'; -$mat-text-filed-input: '.mdc-text-field__input'; -$mat-floating-label-float-above: '.mdc-floating-label--float-above'; -$mat-floating-label-required: '.mdc-floating-label--required'; $mat-evolution-chip: '.mdc-evolution-chip'; $mat-standard-chip: '.mat-mdc-standard-chip'; -$mat-evolution-chip-action: '.mdc-evolution-chip__action'; -$mat-evolution-chip-text-label: '.mdc-evolution-chip__text-label'; $mat-notched-outline: '.mdc-notched-outline'; $mat-evolution-chip-graphic: '.mdc-evolution-chip__graphic'; $mat-select-trigger: '.mat-mdc-select-trigger'; $mat-select-arrow: '.mat-mdc-select-arrow'; $mat-notched-outline-leading: '.mdc-notched-outline__leading'; $mat-notched-outline-trailing: '.mdc-notched-outline__trailing'; -$mat-notched-outline-notch: '.mdc-notched-outline__notch'; $mat-evolution-chip-set: '.mdc-evolution-chip-set'; -$mat-mdc-button: '.mdc-button'; -$mat-outlined-button: '.mat-mdc-outlined-button'; -$mat-button-base: '.mat-mdc-button-base'; -$mat-button-touch-target: '.mat-mdc-button-touch-target'; -$mat-evolution-chip-text-label: '.mdc-evolution-chip__text-label'; $cdk-overlay-pane: '.cdk-overlay-pane'; -$cdk-drag-preview: '.cdk-drag-preview'; -$mat-snackbar: '.mdc-snackbar'; -$mat-snack-bar-container: '.mat-mdc-snack-bar-container'; -$mat-snackbar-label: '.mdc-snackbar__label'; -$mat-datetimepicker-dialog: '.mat-datetimepicker-dialog'; -$mat-tab-indicator-underline: '.mdc-tab-indicator__content--underline'; -$mat-autocomplete-panel: '.mat-mdc-autocomplete-panel'; -$mat-menu-surface: '.mdc-menu-surface'; -$mat-text-field-filled: '.mdc-text-field--filled'; -$mat-text-field-disabled: '.mdc-text-field--disabled'; -$mat-form-field-focus-overlay: '.mat-mdc-form-field-focus-overlay'; $mat-form-field-error-wrapper: '.mat-mdc-form-field-error-wrapper'; -$mat-text-field-textarea: '.mdc-text-field--textarea'; $mat-list-item-disabled: '.mdc-list-item--disabled'; -$mat-chip-focus-overlay: '.mat-mdc-chip-focus-overlay'; -$mat-primary: '.mat-primary'; -$mat-checkbox-touch-target: '.mat-mdc-checkbox-touch-target'; $mat-switch: '.mdc-switch'; -$mat-switch-ripple: '.mdc-switch-ripple'; -$mat-switch-selected: '.mdc-switch--selected'; -$mat-switch-checked: '.mdc-switch--checked'; -$mat-switch-handle-track: '.mdc-switch__handle-track'; -$mat-switch-handle: '.mdc-switch__handle'; -$mat-switch-track: '.mdc-switch__track'; -$mat-switch-icons: '.mdc-switch__icons'; -$mat-switch-shadow: '.mdc-switch__shadow'; -$mat-switch-unselected: '.mdc-switch--unselected'; -$mat-chip-action: '.mat-mdc-chip-action'; -$mat-chip-graphic: '.mat-mdc-chip-graphic'; -$mat-data-table-row: '.mdc-data-table__row'; -$mat-data-table-cell: '.mdc-data-table__cell'; -$mat-data-table-header-cell: '.mdc-data-table__header-cell'; -$mat-toolbar-single-row: '.mat-toolbar-single-row'; -$mat-toolbar-multiple-row: '.mat-toolbar-multiple-row'; -$mat-unthemed: '.mat-unthemed'; -$mat-calendar-period-button: '.mat-calendar-period-button'; -$mat-radio-button: '.mat-mdc-radio-button'; -$mat-radio: '.mdc-radio'; -$mat-tab-ripple: '.mdc-tab__ripple'; -$mat-tab-disabled: '.mat-mdc-tab-disabled'; -$mat-tab-group: '.mat-mdc-tab-group'; -$mat-tab-group-stretch: '.mat-mdc-tab-group-stretch-tabs'; $mat-list-item: '.mdc-list-item'; -$mat-menu-item: '.mat-mdc-menu-item'; -$mat-icon-no-color: '.mat-icon-no-color'; -$mat-submenu-icon: '.mat-menu-submenu-icon'; -$mat-mdc-submenu-icon: '.mat-mdc-menu-submenu-icon'; -$mdc-form-field: '.mdc-form-field'; -$mat-divider-horizontal: '.mat-divider-horizontal'; -$mat-accordion: '.mat-accordion'; -$mdc-list: '.mdc-list'; -$mat-form-field-icon-suffix: '.mat-mdc-form-field-icon-suffix'; $mat-text-field: '.mdc-text-field'; -$mat-form-field-disabled: '.mat-form-field-disabled'; -$mat-select-disabled: '.mat-mdc-select-disabled'; -$mat-select-value: '.mat-mdc-select-value'; -$mat-checkbox-native-control: '.mdc-checkbox__native-control'; -$mat-checkbox-selected: '.mdc-checkbox--selected'; -$mat-checkbox-ripple: '.mat-mdc-checkbox-ripple'; -$mat-list-base: '.mat-mdc-list-base'; -$mat-card-header: '.mat-mdc-card-header'; diff --git a/lib/core/src/lib/dialogs/edit-json/edit-json.dialog.html b/lib/core/src/lib/dialogs/edit-json/edit-json.dialog.html index 9451bf8bde..7121466836 100644 --- a/lib/core/src/lib/dialogs/edit-json/edit-json.dialog.html +++ b/lib/core/src/lib/dialogs/edit-json/edit-json.dialog.html @@ -1,5 +1,5 @@

{{ title | translate }}

- + diff --git a/lib/core/src/lib/dialogs/edit-json/edit-json.dialog.scss b/lib/core/src/lib/dialogs/edit-json/edit-json.dialog.scss index 3e6bb3b703..c23c542d70 100644 --- a/lib/core/src/lib/dialogs/edit-json/edit-json.dialog.scss +++ b/lib/core/src/lib/dialogs/edit-json/edit-json.dialog.scss @@ -1,7 +1,5 @@ -@use '../../styles/mat-selectors' as ms; - .adf-edit-json-dialog { - #{ms.$mat-dialog-content} { + .adf-edit-json-dialog-content { height: 300px; overflow: hidden; } diff --git a/lib/core/src/lib/form/components/form-renderer.component.html b/lib/core/src/lib/form/components/form-renderer.component.html index 217bf1b785..fa9fdd267d 100644 --- a/lib/core/src/lib/form/components/form-renderer.component.html +++ b/lib/core/src/lib/form/components/form-renderer.component.html @@ -68,18 +68,3 @@ - - -
- Debug mode -
-

Values

-
{{ formDefinition.values | json }}
- -

Form

-
{{ formDefinition.json | json }}
-
-
diff --git a/lib/core/src/lib/form/components/form-renderer.component.scss b/lib/core/src/lib/form/components/form-renderer.component.scss index c2e840a9c1..11578990db 100644 --- a/lib/core/src/lib/form/components/form-renderer.component.scss +++ b/lib/core/src/lib/form/components/form-renderer.component.scss @@ -150,19 +150,6 @@ text-overflow: ellipsis; } - &-form-debug-container { - padding: 10px; - } - - &-form-debug-container .adf-debug-toggle-text { - padding-left: 15px; - cursor: pointer; - } - - &-form-debug-container .adf-debug-toggle-text:hover { - font-weight: bold; - } - &-form-reload-button { position: absolute; right: 12px; diff --git a/lib/core/src/lib/form/components/form-renderer.component.ts b/lib/core/src/lib/form/components/form-renderer.component.ts index de3797b466..ee143b7c7f 100644 --- a/lib/core/src/lib/form/components/form-renderer.component.ts +++ b/lib/core/src/lib/form/components/form-renderer.component.ts @@ -15,12 +15,11 @@ * limitations under the License. */ -import { JsonPipe, NgClass, NgForOf, NgIf, NgStyle, NgTemplateOutlet } from '@angular/common'; +import { NgClass, NgForOf, NgIf, NgStyle, NgTemplateOutlet } from '@angular/common'; import { Component, Inject, Injector, Input, OnDestroy, OnInit, Optional, ViewEncapsulation } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { MatButtonModule } from '@angular/material/button'; import { MatIconModule } from '@angular/material/icon'; -import { MatSlideToggleModule } from '@angular/material/slide-toggle'; import { MatTabsModule } from '@angular/material/tabs'; import { TranslateModule } from '@ngx-translate/core'; import { FormRulesManager, formRulesManagerFactory } from '../models/form-rules.model'; @@ -53,9 +52,7 @@ import { FormSectionComponent } from './form-section/form-section.component'; MatIconModule, NgStyle, FormFieldComponent, - MatSlideToggleModule, FormsModule, - JsonPipe, NgClass, HeaderWidgetComponent, FormSectionComponent @@ -63,10 +60,6 @@ import { FormSectionComponent } from './form-section/form-section.component'; encapsulation: ViewEncapsulation.None }) export class FormRendererComponent implements OnInit, OnDestroy { - /** Toggle debug options. */ - @Input() - showDebugButton: boolean = false; - @Input({ required: true }) formDefinition: FormModel; diff --git a/lib/core/src/lib/styles/_mat-selectors.scss b/lib/core/src/lib/styles/_mat-selectors.scss index e3490f7959..f44e0aa23e 100644 --- a/lib/core/src/lib/styles/_mat-selectors.scss +++ b/lib/core/src/lib/styles/_mat-selectors.scss @@ -1,41 +1,21 @@ -$material-icons: '.material-icons'; $mat-icon: '.mat-icon'; -$mat-icon-button: '.mat-mdc-icon-button'; -$mat-icon-button-hover: '.mdc-icon-button__ripple'; -$mat-accent: '.mat-accent'; $mat-focused: '.mat-focused'; $mat-line: '.mat-line'; $mat-tab-label: '.mat-mdc-tab'; $mat-tab-label-active: '.mdc-tab--active'; -$mat-tab-label-content: '.mdc-tab__content'; $mat-tab-label-container: '.mat-mdc-tab-label-container'; -$mat-expansion-panel-body: '.mat-expansion-panel-body'; $mat-tab-label-text: '.mdc-tab__text-label'; -$mat-tab-list: '.mat-mdc-tab-list'; $mat-tab-body: '.mat-mdc-tab-body'; -$mat-tab-body-wrapper: '.mat-mdc-tab-body-wrapper'; $mat-tab-body-content: '.mat-mdc-tab-body-content'; -$mat-tab-header: '.mat-mdc-tab-header'; -$mat-tab-labels: '.mat-mdc-tab-labels'; $mat-tab-ink-bar: '.mdc-tab-indicator'; $mat-chip: '.mat-mdc-chip'; $mat-chip-list: '.mat-mdc-chip-list'; -$mat-chip-list-wrapper: '.mat-chip-list-wrapper'; $mat-checkbox: '.mat-mdc-checkbox'; -$mat-checkbox-box: '.mdc-checkbox'; -$mat-checkbox-frame: '.mdc-checkbox__checkmark'; $mat-checkbox-label: '.mdc-label'; -$mat-checkbox-checked: '.mat-mdc-checkbox-checked'; $mat-button: '.mat-mdc-button'; $mat-button-label: '.mdc-button__label'; -$mat-button-label-text: '.mdc-button__label'; -$mat-radio-checked: '.mat-mdc-radio-checked'; -$mat-radio-label: '.mdc-label'; -$mat-progress-bar: '.mat-mdc-progress-bar'; -$mat-progress-spinner: '.mat-mdc-progress-spinner'; $mat-form-field: '.mat-mdc-form-field'; $mat-form-field-flex: '.mat-mdc-form-field-flex'; -$mat-form-field-outline: '.mat-mdc-form-field-outline'; $mat-form-field-wrapper: '.mat-mdc-text-field-wrapper'; $mat-line-ripple: '.mdc-line-ripple'; $mat-form-field-subscript-wrapper: '.mat-mdc-form-field-subscript-wrapper'; @@ -44,37 +24,22 @@ $mat-form-field-suffix: '.mat-mdc-form-field-text-suffix'; $mat-form-text-field-infix: '.mat-mdc-form-text-infix'; $mat-form-field-label: '.mat-mdc-floating-label'; $mat-form-field-invalid: '.mat-form-field-invalid'; -$mat-form-field-appearance-outline: '.mat-form-field-appearance-outline'; -$mat-text-field-outlined: '.mdc-text-field--outlined'; -$mat-text-field-outlined-thick: '.mdc-text-field--outlined-thick'; $mat-text-field-focused: '.mdc-text-field--focused'; -$mat-dialog-actions: '.mat-mdc-dialog-actions'; $mat-dialog-container: '.mdc-dialog__container'; -$mat-dialog-content: '.mat-mdc-dialog-content'; -$mat-button-toggle: '.mat-button-toggle'; -$mat-button-toggle-checked: '.mat-button-toggle-checked'; $mat-button-touch-target: '.mat-mdc-button-touch-target'; $mat-input-element: '.mat-mdc-input-element'; $mat-card: '.mat-mdc-card'; -$mat-card-actions: '.mat-mdc-card-actions'; $mat-card-header-text: '.mat-mdc-card-header-text'; -$mat-card-title: '.mat-mdc-card-title'; -$mat-card-content: '.mat-mdc-card-content'; -$mat-mini-fab: '.mat-mdc-mini-fab'; -$mat-list-item-primary-text: '.mdc-list-item__primary-text'; -$mat-list-item-end: '.mdc-list-item__end'; $mat-table: '.mat-mdc-table'; $mat-header-row: '.mat-mdc-header-row'; $mat-row: '.mat-mdc-row'; $mat-select: '.mat-mdc-select'; $mat-select-value: '.mat-select-value'; -$mat-select-value-text: '.mat-mdc-select-value-text'; $mat-select-panel: '.mat-mdc-select-panel'; $mat-grid-tile: '.mat-grid-tile'; $mat-sidenav-content: '.mat-sidenav-content'; $mat-drawer-transition: '.mat-drawer-transition'; $mat-drawer-content: '.mat-drawer-content'; -$mat-subheader: '.mat-mdc-subheader'; $mat-menu-panel: '.mat-mdc-menu-panel'; $mat-menu-content: '.mat-mdc-menu-content'; $mat-expansion-panel: '.mat-expansion-panel'; @@ -86,105 +51,34 @@ $mat-calendar-content: '.mat-calendar-content'; $mat-calendar-table-header: '.mat-calendar-table-header'; $mat-calendar-body-disabled: '.mat-calendar-body-disabled'; $mat-toolbar: '.mat-toolbar'; -$mat-slide-toggle: '.mat-mdc-slide-toggle'; -$mat-list-item-content: '.mdc-list-item__content'; $mat-list-item-unscoped-content: '.mat-mdc-list-item-unscoped-content'; $mat-text-field-no-label: '.mdc-text-field--no-label'; $mat-form-field-infix: '.mat-mdc-form-field-infix'; -$mat-form-field-hide-placeholder: '.mat-form-field-hide-placeholder'; -$mat-form-field-hint-wrapper: '.mat-mdc-form-field-hint-wrapper'; $mat-form-field-error-wrapper: '.mat-mdc-form-field-error-wrapper'; $mat-form-field-error: '.mat-mdc-form-field-error'; $mat-checkbox-background: '.mdc-checkbox__background'; -$mat-dialog-content: '.mdc-dialog__content'; $mat-floating-label: '.mdc-floating-label'; $mat-floating-label-above: '.mdc-floating-label--float-above'; -$mat-select-arrow-wrapper: '.mat-mdc-select-arrow-wrapper'; -$mat-dialog-title: '.mdc-dialog__title'; -$mat-expansion-panel-body: '.mat-expansion-panel-body'; $mat-dialog-surface: '.mat-mdc-dialog-surface'; -$mdc-dialog: '.mdc-dialog'; -$mat-text-filed-input: '.mdc-text-field__input'; -$mat-floating-label-float-above: '.mdc-floating-label--float-above'; $mat-floating-label-required: '.mdc-floating-label--required'; $mat-evolution-chip: '.mdc-evolution-chip'; -$mat-standard-chip: '.mat-mdc-standard-chip'; $mat-evolution-chip-action: '.mdc-evolution-chip__action'; $mat-evolution-chip-text-label: '.mdc-evolution-chip__text-label'; $mat-notched-outline: '.mdc-notched-outline'; $mat-evolution-chip-graphic: '.mdc-evolution-chip__graphic'; $mat-select-trigger: '.mat-mdc-select-trigger'; -$mat-select-arrow: '.mat-mdc-select-arrow'; -$mat-notched-outline-leading: '.mdc-notched-outline__leading'; -$mat-notched-outline-trailing: '.mdc-notched-outline__trailing'; -$mat-notched-outline-notch: '.mdc-notched-outline__notch'; -$mat-evolution-chip-set: '.mdc-evolution-chip-set'; -$mat-mdc-button: '.mdc-button'; -$mat-outlined-button: '.mat-mdc-outlined-button'; $mat-button-base: '.mat-mdc-button-base'; $mat-button-touch-target: '.mat-mdc-button-touch-target'; -$mat-evolution-chip-text-label: '.mdc-evolution-chip__text-label'; -$cdk-overlay-pane: '.cdk-overlay-pane'; $cdk-drag-preview: '.cdk-drag-preview'; $mat-snackbar: '.mdc-snackbar'; $mat-snack-bar-container: '.mat-mdc-snack-bar-container'; $mat-snackbar-label: '.mdc-snackbar__label'; $mat-datetimepicker-dialog: '.mat-datetimepicker-dialog'; $mat-tab-indicator-underline: '.mdc-tab-indicator__content--underline'; -$mat-autocomplete-panel: '.mat-mdc-autocomplete-panel'; -$mat-menu-surface: '.mdc-menu-surface'; -$mat-text-field-filled: '.mdc-text-field--filled'; -$mat-text-field-disabled: '.mdc-text-field--disabled'; -$mat-form-field-focus-overlay: '.mat-mdc-form-field-focus-overlay'; -$mat-form-field-error-wrapper: '.mat-mdc-form-field-error-wrapper'; -$mat-text-field-textarea: '.mdc-text-field--textarea'; -$mat-list-item-disabled: '.mdc-list-item--disabled'; -$mat-chip-focus-overlay: '.mat-mdc-chip-focus-overlay'; -$mat-primary: '.mat-primary'; -$mat-checkbox-touch-target: '.mat-mdc-checkbox-touch-target'; -$mat-switch: '.mdc-switch'; -$mat-switch-ripple: '.mdc-switch-ripple'; -$mat-switch-selected: '.mdc-switch--selected'; -$mat-switch-checked: '.mdc-switch--checked'; -$mat-switch-handle-track: '.mdc-switch__handle-track'; -$mat-switch-handle: '.mdc-switch__handle'; -$mat-switch-track: '.mdc-switch__track'; -$mat-switch-icons: '.mdc-switch__icons'; -$mat-switch-shadow: '.mdc-switch__shadow'; -$mat-switch-unselected: '.mdc-switch--unselected'; -$mat-chip-action: '.mat-mdc-chip-action'; -$mat-chip-graphic: '.mat-mdc-chip-graphic'; -$mat-data-table-row: '.mdc-data-table__row'; -$mat-data-table-cell: '.mdc-data-table__cell'; -$mat-data-table-header-cell: '.mdc-data-table__header-cell'; -$mat-toolbar-single-row: '.mat-toolbar-single-row'; -$mat-toolbar-multiple-row: '.mat-toolbar-multiple-row'; -$mat-unthemed: '.mat-unthemed'; -$mat-calendar-period-button: '.mat-calendar-period-button'; -$mat-radio-button: '.mat-mdc-radio-button'; -$mat-radio: '.mdc-radio'; -$mat-tab-ripple: '.mdc-tab__ripple'; -$mat-tab-disabled: '.mat-mdc-tab-disabled'; -$mat-tab-group: '.mat-mdc-tab-group'; -$mat-tab-group-stretch: '.mat-mdc-tab-group-stretch-tabs'; $mat-list-item: '.mdc-list-item'; -$mat-menu-item: '.mat-mdc-menu-item'; -$mat-icon-no-color: '.mat-icon-no-color'; -$mat-submenu-icon: '.mat-menu-submenu-icon'; -$mat-mdc-submenu-icon: '.mat-mdc-menu-submenu-icon'; -$mdc-form-field: '.mdc-form-field'; -$mat-divider-horizontal: '.mat-divider-horizontal'; -$mat-accordion: '.mat-accordion'; -$mdc-list: '.mdc-list'; $mat-form-field-icon-suffix: '.mat-mdc-form-field-icon-suffix'; $mat-text-field: '.mdc-text-field'; -$mat-form-field-disabled: '.mat-form-field-disabled'; -$mat-select-disabled: '.mat-mdc-select-disabled'; $mat-select-value: '.mat-mdc-select-value'; -$mat-checkbox-native-control: '.mdc-checkbox__native-control'; -$mat-checkbox-selected: '.mdc-checkbox--selected'; -$mat-checkbox-ripple: '.mat-mdc-checkbox-ripple'; -$mat-list-base: '.mat-mdc-list-base'; $mat-card-header: '.mat-mdc-card-header'; $mat-datetimepicker-calendar: '.mat-datetimepicker-calendar'; $mat-datetimepicker-calendar-header: '.mat-datetimepicker-calendar-header'; diff --git a/lib/core/src/lib/viewer/components/pdf-viewer/pdf-viewer.component.scss b/lib/core/src/lib/viewer/components/pdf-viewer/pdf-viewer.component.scss index d03ac94614..35d956b8e4 100644 --- a/lib/core/src/lib/viewer/components/pdf-viewer/pdf-viewer.component.scss +++ b/lib/core/src/lib/viewer/components/pdf-viewer/pdf-viewer.component.scss @@ -79,7 +79,7 @@ max-height: 100px; max-width: 300px; - #{ms.$mat-progress-bar} { + .adf-loader-item-progress-bar { max-width: 300px; margin: 0; position: absolute;