From 1bb36754a058c5af4df8e365d0bc2343c6e6ac40 Mon Sep 17 00:00:00 2001 From: domsteinbach Date: Mon, 18 Nov 2024 14:29:21 +0100 Subject: [PATCH] chore: cleanup legacy and unused --- apps/dsp-app/src/styles.scss | 8 +- apps/dsp-app/src/styles/_layout.scss | 37 ----- apps/dsp-app/src/styles/_viewer.scss | 148 ------------------ .../lib/delete-resource-dialog.component.ts | 1 - 4 files changed, 1 insertion(+), 193 deletions(-) diff --git a/apps/dsp-app/src/styles.scss b/apps/dsp-app/src/styles.scss index fb0076e360..1b716faa4d 100644 --- a/apps/dsp-app/src/styles.scss +++ b/apps/dsp-app/src/styles.scss @@ -11,13 +11,9 @@ @use "styles/viewer"; @use "styles/ontology"; -/* TODO(mdc-migration): Remove legacy-core once all legacy components are migrated*/ -@include mat.legacy-core(); @include mat.core(); // Include all typography configurations for the components (now separate from mat.core()) -/* TODO(mdc-migration): Remove all-legacy-component-typographies once all legacy components are migrated*/ -@include mat.all-legacy-component-typographies(); @include mat.all-component-typographies(t.$dsp-typography-config); // Define the color palettes for the theme. @@ -34,8 +30,6 @@ $theme: mat.define-light-theme(( )); // Include all theme styles for the components. -/* TODO(mdc-migration): Remove all-legacy-component-themes once all legacy components are migrated*/ -@include mat.all-legacy-component-themes($theme); @include mat.all-component-themes($theme); @@ -210,4 +204,4 @@ button.space-reducer { .mat-mdc-dialog-content { //prevent horizontal scrollbar in dialog overflow-x: hidden !important; -} \ No newline at end of file +} diff --git a/apps/dsp-app/src/styles/_layout.scss b/apps/dsp-app/src/styles/_layout.scss index 80597aeaa6..61f257713e 100644 --- a/apps/dsp-app/src/styles/_layout.scss +++ b/apps/dsp-app/src/styles/_layout.scss @@ -250,40 +250,3 @@ .inline { display: inline-flex; } - -// -------------------------------------- - -// ?-?-?-?-?-?-?-?-?-?-?-?-?-?-?-?-?-?- -// TODO: clean up the following classes -// ?-?-?-?-?-?-?-?-?-?-?-?-?-?-?-?-?-?- - -.flex-panel { - display: flex !important; -} - -// font sizes - -.smaller { - font-size: small; -} - -// -// dialog: not the one from material, it's a fullframe dialog box -.window.fullframe { - position: absolute; - z-index: 100; - top: 0; - width: 100vw; - height: 100vh; - background: white; -} - -// -------------------------------------- - -// -// color -.transparent { - background: none; -} - -// -------------------------------------- diff --git a/apps/dsp-app/src/styles/_viewer.scss b/apps/dsp-app/src/styles/_viewer.scss index 9fcb5650eb..86514314d8 100644 --- a/apps/dsp-app/src/styles/_viewer.scss +++ b/apps/dsp-app/src/styles/_viewer.scss @@ -1,81 +1,6 @@ // css for parent value components @use 'config' as *; -.read-mode-view { - font: 400 15px/24px sans-serif; - - .show-comment { - color: $dark-text; - - .mat-icon { - font-size: 18px; - display: inline; - vertical-align: text-bottom; - } - } - - .rm-value, - .rm-comment { - display: block; - margin: 0px; - } - - .rm-comment { - margin-top: 6px; - font-size: small; - border-top: 1px solid rgba(33, 33, 33, 0.1); - } - - .rm-value.text-value { - white-space: pre-wrap; - } - - .rm-value.list:has(.hierarchy:only-child) .last { - font-weight: normal; - } - - .rm-value.list, - .rm-value .hierarchy { - display: inline-flex; - - .last { - font-weight: bold; - } - } -} - -.child-value-component, -.value-component-comment { - display: block !important; - - textarea.mat-mdc-input-element.cdk-textarea-autosize { - resize: vertical; - } -} - -.parent-component-wrapper .value-component-comment { - margin-top: -2em; -} - -.parent-value-component - .child-value-component - .mat-mdc-form-field-wrapper - .mat-mdc-form-field-infix { - border-top: 0em solid transparent; -} - -// css for child components of a parent value component - -.child-input-component { - display: inline-block; - vertical-align: bottom; - width: 49%; -} - -.child-input-component.full-width { - width: 100%; -} - // custom error message .custom-error-message { @@ -84,52 +9,6 @@ padding-bottom: 1em; } -// viewer operations - -.grid-container { - display: grid; - grid-template-columns: 80% 20%; - grid-template-rows: auto auto; -} - -.value-component, -.crud-buttons { - vertical-align: top; -} - -.value-component { - grid-row-start: 1; - grid-row-end: auto; - grid-column-start: 1; - grid-column-end: 2; - position: relative; -} - -.value-component.hover { - background-color: #f5f5f5; -} - -.value-component.highlight { - background-color: #f4f400; -} - -.crud-buttons { - grid-row-start: 1; - grid-row-end: auto; - grid-column-start: 2; - grid-column-end: 3; - display: inline-flex; -} - -.value-action { - .material-icons, - .mat-icon { - font-size: 18px; - height: 18px; - width: 18px; - } -} - .mat-mdc-form-field-error { grid-row-start: 1; grid-row-end: auto; @@ -137,33 +16,6 @@ grid-column-end: end; } -.deletion-dialog .title { - font-weight: bold; - font-size: 18px; - text-align: center; -} - -.deletion-dialog .action-buttons { - float: right; - - .cancel { - padding: 0 16px; - } -} - -.deletion-dialog-message { - font-size: 16px; - background-color: #ededf5; - border: 1px solid #d8d8df; - border-radius: 5px; - padding: 20px 10px 20px 10px; - text-align: center; -} - -.deletion-dialog-message .deletion-comment { - min-width: 80%; -} - .ck-content code { font-family: monospace !important; } diff --git a/libs/vre/shared/app-resource-properties/src/lib/delete-resource-dialog.component.ts b/libs/vre/shared/app-resource-properties/src/lib/delete-resource-dialog.component.ts index 806f88a9f2..311c441726 100644 --- a/libs/vre/shared/app-resource-properties/src/lib/delete-resource-dialog.component.ts +++ b/libs/vre/shared/app-resource-properties/src/lib/delete-resource-dialog.component.ts @@ -20,7 +20,6 @@ export interface DeleteResourceDialogProps {