.ProseMirror { min-height: 128px; max-height: 55vh; overflow-y: auto; td, th, li, dd, dt, summary { :first-child { margin-bottom: 0 !important; } } img.ProseMirror-selectednode { outline: 3px solid rgba($blue-400, 0.48); outline-offset: -3px; } ul[data-type='taskList'] { list-style: none; padding: 0; li { margin: 0 !important; } } [data-type='taskList'] { p { margin-bottom: 0; } li { > label, > div { display: inline-block; vertical-align: top; } > label { padding: $gl-spacing-scale-1 $gl-spacing-scale-3 0 0; margin: 0; } } } .dl-content { width: 100%; > li { list-style-type: none; margin-left: $gl-spacing-scale-5; &.dl-term { margin: 0; font-weight: 600; } } } .details-toggle-icon { cursor: pointer; z-index: 1; &::before { content: '▶'; display: inline-block; width: $gl-spacing-scale-4; } &.is-open::before { content: '▼'; } } .details-content { width: calc(100% - #{$gl-spacing-scale-4}); > li { list-style-type: none; margin-left: $gl-spacing-scale-2; } > :not(:first-child) { display: none; } &.is-open > :not(:first-child) { display: inherit; } } } .table-creator-grid-item { box-shadow: inset 0 0 0 $gl-spacing-scale-2 $white, inset $gl-spacing-scale-1 $gl-spacing-scale-1 0 #{$gl-spacing-scale-2 * 3 / 4} $gray-100, inset #{-$gl-spacing-scale-1} #{-$gl-spacing-scale-1} 0 #{$gl-spacing-scale-2 * 3 / 4} $gray-100 !important; &.active { box-shadow: inset 0 0 0 $gl-spacing-scale-2 $white, inset $gl-spacing-scale-1 $gl-spacing-scale-1 0 $gl-spacing-scale-2 $blue-500, inset #{-$gl-spacing-scale-1} #{-$gl-spacing-scale-1} 0 $gl-spacing-scale-2 $blue-500 !important; } } .content-editor-dropdown .dropdown-menu { width: auto !important; @include gl-min-w-0; button { @include gl-white-space-nowrap; } } .content-editor-color-chip::after { content: ' '; display: inline-block; align-items: center; width: 11px; height: 11px; border-radius: 3px; margin-left: 4px; margin-top: -2px; border: 1px solid $black-transparent; background-color: var(--gl-color-chip-color); } .content-editor-comment { &::before { content: ''; } } .bubble-menu-form { width: 320px; }