diff --git a/src/renderer/components/parsers.component.ts b/src/renderer/components/parsers.component.ts index 40b20483b5..037d1f7cbe 100644 --- a/src/renderer/components/parsers.component.ts +++ b/src/renderer/components/parsers.component.ts @@ -1114,4 +1114,4 @@ export class ParsersComponent implements AfterViewInit, OnDestroy { this.subscriptions.unsubscribe(); this.formChanges.unsubscribe(); } -} +} \ No newline at end of file diff --git a/src/renderer/styles/ng-nested-form.component.scss b/src/renderer/styles/ng-nested-form.component.scss index 27405d96e9..e3679c4fdb 100644 --- a/src/renderer/styles/ng-nested-form.component.scss +++ b/src/renderer/styles/ng-nested-form.component.scss @@ -101,7 +101,7 @@ ng-nested-form { ng-select { grid-area: input; &.required { - outline: 2px solid var(--color--required); + outline: 1px solid var(--color--required); .display{ border: 0 } diff --git a/src/renderer/styles/themes.global.scss b/src/renderer/styles/themes.global.scss index a0fc29a726..5f296a7706 100644 --- a/src/renderer/styles/themes.global.scss +++ b/src/renderer/styles/themes.global.scss @@ -348,10 +348,14 @@ --position-update-notifier-right: auto; --position-update-notifier-bottom: 0; --position-update-notifier-top: auto; + --width-update-notifier:20vw; + --height-update-notifier:20vh; --margin-update-notifier: 0.5em 0.5em; --padding-update-notifier: 1em 2em; --color-position-update-notifier-border: var(--color-info); --border-update-notifier-width: var(--border-width-alert); + --display-update: inherit; + --position-update: absolute; --display-preview-title: none; --display-exceptions-save-status: inherit; } @@ -1000,10 +1004,12 @@ --height-update-notifier-backdrop:100vh; --position-update-notifier-backdrop:fixed; --filter-update-notifier-backdrop:blur(5px); - --width-update-notifier:20vw; - --height-update-notifier:20vh; + --width-update-notifier:auto; + --height-update-notifier:auto; --color-position-update-notifier-border: #414141; --border-update-notifier-width: 1px; + --display-update: flex; + --position-update: static; --display-preview-title: none; } @@ -1360,10 +1366,12 @@ --height-update-notifier-backdrop:100vh; --position-update-notifier-backdrop:fixed; --filter-update-notifier-backdrop:blur(5px); - --width-update-notifier:20vw; - --height-update-notifier:20vh; + --width-update-notifier:auto; + --height-update-notifier:auto; --color-position-update-notifier-border: #414141; --border-update-notifier-width: 1px; + --display-update: flex; + --position-update: static; --display-preview-title: none; --display-exceptions-save-status: none; } diff --git a/src/renderer/styles/update-notifier.component.scss b/src/renderer/styles/update-notifier.component.scss index d63e987e93..c061cca67b 100644 --- a/src/renderer/styles/update-notifier.component.scss +++ b/src/renderer/styles/update-notifier.component.scss @@ -6,7 +6,8 @@ height: var(--height-update-notifier-backdrop); position: var(--position-update-notifier-backdrop); backdrop-filter: var(--filter-update-notifier-backdrop); - + z-index: 9; + display: var(--display-update); .update-notifier-content{ p{ @@ -40,7 +41,7 @@ flex-direction: column; justify-content: center; - position: absolute; + position: var(--position-update); left: var(--position-update-notifier-left); right: var(--position-update-notifier-right); bottom: var(--position-update-notifier-bottom);