diff --git a/scss/components/actor/_biography.scss b/scss/components/actor/_biography.scss index 058b30f4..fb6b22ec 100644 --- a/scss/components/actor/_biography.scss +++ b/scss/components/actor/_biography.scss @@ -14,38 +14,4 @@ .ds4-biography { height: 100%; overflow: hidden; - - prose-mirror { - height: 100%; - display: flex; - flex-direction: column; - overflow: hidden; - - // Edit mode with editor container - &.active { - .editor-container { - flex: 1; - display: flex; - flex-direction: column; - overflow: hidden; - - .editor-content { - flex: 1; - overflow-y: auto; - min-height: 0; - } - } - } - - // View mode - direct editor-content - &.inactive { - .editor-content { - position: relative; - flex: 1; - overflow-y: auto; - min-height: 0; - inset: auto; - } - } - } } diff --git a/scss/components/shared/_editor.scss b/scss/components/shared/_editor.scss index 58bbe088..76c8cebf 100644 --- a/scss/components/shared/_editor.scss +++ b/scss/components/shared/_editor.scss @@ -14,41 +14,40 @@ background: transparent; } } + } +} - prose-mirror { - height: 100%; +// General ProseMirror editor styles +prose-mirror { + height: 100%; + display: flex; + flex-direction: column; + overflow: hidden; + + // Edit mode with editor container + &.active { + .editor-container { + flex: 1; display: flex; flex-direction: column; overflow: hidden; - // Edit mode with editor container - &.active { - .editor-container { - flex: 1; - display: flex; - flex-direction: column; - overflow: hidden; - - .editor-content { - flex: 1; - overflow-y: auto; - min-height: 0; - } - } - } - - // View mode - direct editor-content - &.inactive { - .editor-content { - position: relative; - flex: 1; - overflow-y: auto; - min-height: 0; - inset: auto; - } + .editor-content { + flex: 1; + overflow-y: auto; + min-height: 0; } } } - + // View mode - direct editor-content + &.inactive { + .editor-content { + position: relative; + flex: 1; + overflow-y: auto; + min-height: 0; + inset: auto; + } + } }