diff --git a/client/src/app/shared/shared-forms/markdown-textarea.component.html b/client/src/app/shared/shared-forms/markdown-textarea.component.html index a519f3e0a..513b543cd 100644 --- a/client/src/app/shared/shared-forms/markdown-textarea.component.html +++ b/client/src/app/shared/shared-forms/markdown-textarea.component.html @@ -24,11 +24,11 @@ diff --git a/client/src/app/shared/shared-forms/markdown-textarea.component.scss b/client/src/app/shared/shared-forms/markdown-textarea.component.scss index 39e72b5bc..fcddfea03 100644 --- a/client/src/app/shared/shared-forms/markdown-textarea.component.scss +++ b/client/src/app/shared/shared-forms/markdown-textarea.component.scss @@ -42,8 +42,20 @@ $input-border-radius: 3px; display: none !important; } - .grey-button { - padding: 0 7px 0 12px; + .maximize-button { + padding: 0 7px; + cursor: pointer; + + svg { + stroke: var(--mainForegroundColor); + opacity: 0.6; + } + + &:hover, &:active { + svg { + opacity: 1; + } + } } } } @@ -77,7 +89,7 @@ $input-border-radius: 3px; opacity: .7; } - .grey-button { + .maximize-button { margin-left: 5px; } } diff --git a/client/src/app/shared/shared-forms/markdown-textarea.component.ts b/client/src/app/shared/shared-forms/markdown-textarea.component.ts index b626071eb..9b3ab9cf3 100644 --- a/client/src/app/shared/shared-forms/markdown-textarea.component.ts +++ b/client/src/app/shared/shared-forms/markdown-textarea.component.ts @@ -35,6 +35,9 @@ export class MarkdownTextareaComponent implements ControlValueAccessor, OnInit { previewHTML = '' isMaximized = false + maximizeInText = $localize`Maximize editor` + maximizeOutText = $localize`Exit maximized editor` + private contentChanged = new Subject() private scrollPosition: [number, number]