diff --git a/frontend/src/app/components/connect-db/master-encryption-password/master-encryption-password.component.css b/frontend/src/app/components/connect-db/master-encryption-password/master-encryption-password.component.css index 4dcf047e0..497e28c27 100644 --- a/frontend/src/app/components/connect-db/master-encryption-password/master-encryption-password.component.css +++ b/frontend/src/app/components/connect-db/master-encryption-password/master-encryption-password.component.css @@ -8,12 +8,35 @@ .encription-password { display: flex; + flex-direction: column; margin-top: 32px; - margin-bottom: 20px; width: 100%; } -.encription-password__copy-button { - margin-top: 4px; - margin-left: 12px; +.docs-notification { + display: flex; + gap: 8px; + background-color: var(--bg-color); + border-left: 12px solid #FF6F00; + color: var(--mat-sidenav-content-text-color); + margin-top: -8px; + padding: 16px 12px; +} + +@media (prefers-color-scheme: dark) { + .docs-notification { + --bg-color: #292929; + } +} + +@media (prefers-color-scheme: light) { + .docs-notification { + --bg-color: #F4F4F4; + } +} + +.docs-link { + color: #EF6C00; + font-weight: 500; + text-decoration: none; } \ No newline at end of file diff --git a/frontend/src/app/components/connect-db/master-encryption-password/master-encryption-password.component.html b/frontend/src/app/components/connect-db/master-encryption-password/master-encryption-password.component.html index d3551ca35..2fcb4281e 100644 --- a/frontend/src/app/components/connect-db/master-encryption-password/master-encryption-password.component.html +++ b/frontend/src/app/components/connect-db/master-encryption-password/master-encryption-password.component.html @@ -16,19 +16,26 @@ name="masterPassword" #masterPassword="ngModel" readonly [(ngModel)]="masterKey"> - Rocketadmin does not store the key. - Please save this password on your computer in protected place, - we recommend using password managers. - Share this password with all users of the connection. - - + +
+
+

+ Rocketadmin does not store the key. + Please save this password in protected place. + Share this password with all users of the connection. +

+ + Open docs + +
+ + +
\ No newline at end of file diff --git a/frontend/src/app/components/ui-components/row-fields/foreign-key/foreign-key.component.html b/frontend/src/app/components/ui-components/row-fields/foreign-key/foreign-key.component.html index cb1b60249..63fd3592e 100644 --- a/frontend/src/app/components/ui-components/row-fields/foreign-key/foreign-key.component.html +++ b/frontend/src/app/components/ui-components/row-fields/foreign-key/foreign-key.component.html @@ -14,7 +14,7 @@ - {{suggestion.displayString}} + {{suggestion.displayString}} {{suggestion.fieldValue}} } diff --git a/frontend/src/app/components/ui-components/row-fields/foreign-key/foreign-key.component.ts b/frontend/src/app/components/ui-components/row-fields/foreign-key/foreign-key.component.ts index f8760e2a8..f94a468c9 100644 --- a/frontend/src/app/components/ui-components/row-fields/foreign-key/foreign-key.component.ts +++ b/frontend/src/app/components/ui-components/row-fields/foreign-key/foreign-key.component.ts @@ -60,8 +60,7 @@ export class ForeignKeyRowComponent extends BaseRowFieldComponent { ) { super(); this.autocmpleteUpdate.pipe( - debounceTime(500), - distinctUntilChanged()) + debounceTime(500)) .subscribe(value => { if (this.currentDisplayedString === '') this.onFieldChange.emit(null); this.fetchSuggestions();