diff --git a/src/styles/editor/_editor.scss b/src/styles/editor/_editor.scss index 6a1115fe..79400fac 100644 --- a/src/styles/editor/_editor.scss +++ b/src/styles/editor/_editor.scss @@ -60,10 +60,6 @@ } } - hr { - margin: 8px 0; - } - .ProseMirror-selectednode { outline: 3px solid rgb(var(--neeto-ui-pastel-blue)); } diff --git a/src/styles/editor/editor-content.scss b/src/styles/editor/editor-content.scss index 8460f43e..2a5449e4 100644 --- a/src/styles/editor/editor-content.scss +++ b/src/styles/editor/editor-content.scss @@ -93,6 +93,10 @@ word-break: break-word; tab-size: 2; + hr { + margin: 0.5rem 0; + } + .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; @@ -431,10 +435,13 @@ .neeto-editor__video-iframe { display: inline-block; + vertical-align: top; + max-width: 100%; + height: auto !important; iframe { - height: 100%; width: 100%; + aspect-ratio: 16 / 9; } } } @@ -510,6 +517,7 @@ figure { position: relative; display: inline-block; + vertical-align: top; max-width: 100%; overflow: hidden; } @@ -517,10 +525,14 @@ .neeto-editor__image { display: inline-block; min-height: 52px; + max-width: 100%; + height: auto !important; + vertical-align: top; img, video { display: inline-block; + vertical-align: top !important; width: 100%; height: auto; @@ -582,6 +594,7 @@ line-height: 1.4; font-weight: normal; color: #6b7280; + max-width: 100%; } } @@ -653,4 +666,4 @@ background-color: rgb(var(--neeto-editor-gray-300)); } } -} +} \ No newline at end of file