diff --git a/app/assets/javascripts/vue_shared/components/markdown/field.vue b/app/assets/javascripts/vue_shared/components/markdown/field.vue index 7c569763a75563f19629724513fd73375a188f0d..aeb03625a37b95c2838923844fb216f4ab22f95b 100644 --- a/app/assets/javascripts/vue_shared/components/markdown/field.vue +++ b/app/assets/javascripts/vue_shared/components/markdown/field.vue @@ -398,7 +398,6 @@ export default { v-show="previewMarkdown" ref="markdown-preview" class="js-vue-md-preview md-preview-holder gl-px-5" - :class="{ md: !hasSuggestion }" > <suggestions v-if="hasSuggestion" @@ -409,7 +408,7 @@ export default { :help-page-path="helpPagePath" /> <template v-else> - <div v-safe-html:[$options.safeHtmlConfig]="markdownPreview"></div> + <div v-safe-html:[$options.safeHtmlConfig]="markdownPreview" class="md"></div> </template> </div> <div diff --git a/app/assets/stylesheets/components/content_editor.scss b/app/assets/stylesheets/components/content_editor.scss index 08a956bf90fed225e9877c5efb9ae0c15aecb538..2030f2c7095f620d8670f04ff8c3f694ea02dd16 100644 --- a/app/assets/stylesheets/components/content_editor.scss +++ b/app/assets/stylesheets/components/content_editor.scss @@ -114,6 +114,18 @@ max-width: 100%; } + > ul { + list-style-type: disc; + + ul { + list-style-type: circle; + + ul { + list-style-type: square; + } + } + } + ul[data-type='taskList'] { list-style: none; padding: 0; diff --git a/spec/frontend/snippets/components/__snapshots__/snippet_description_edit_spec.js.snap b/spec/frontend/snippets/components/__snapshots__/snippet_description_edit_spec.js.snap index 05c1a6dd11dfdc8fa0afe821339d9a032bb989c4..e783927f87b86f1245df7b40471d73b82667cdb3 100644 --- a/spec/frontend/snippets/components/__snapshots__/snippet_description_edit_spec.js.snap +++ b/spec/frontend/snippets/components/__snapshots__/snippet_description_edit_spec.js.snap @@ -89,10 +89,12 @@ exports[`Snippet Description Edit component rendering matches the snapshot 1`] = </div> <div - class="js-vue-md-preview md-preview-holder gl-px-5 md" + class="js-vue-md-preview md-preview-holder gl-px-5" style="display: none;" > - <div /> + <div + class="md" + /> </div> <!---->