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 c120e9d38..e52b55f8c 100644 --- a/client/src/app/shared/shared-forms/markdown-textarea.component.html +++ b/client/src/app/shared/shared-forms/markdown-textarea.component.html @@ -2,7 +2,7 @@ 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 7df93673b..94862d849 100644 --- a/client/src/app/shared/shared-forms/markdown-textarea.component.scss +++ b/client/src/app/shared/shared-forms/markdown-textarea.component.scss @@ -82,7 +82,6 @@ $input-border-radius: 3px; z-index: #{z(root-header) - 1}; position: fixed; top: pvar(--header-height); - left: $menu-width; max-height: none !important; max-width: none !important; @@ -95,6 +94,8 @@ $input-border-radius: 3px; background-color: pvar(--bg); + @include left($menu-width); + .nav-preview { grid-row: 1; grid-column: 1 / 3; @@ -113,6 +114,9 @@ $input-border-radius: 3px; border-right: 1px dashed pvar(--input-border-color); resize: none; + + // Prevent "outline" overflow with left menu + box-shadow: none !important; } ::ng-deep .tab-content { @@ -163,7 +167,8 @@ $input-border-radius: 3px; :host-context(.main-col.expanded) { .root.maximized { - left: 0; - width: 100%; + width: calc(100% - #{$menu-collapsed-width}); + + @include left($menu-collapsed-width); } }