From 59779ca3a899ecc55df069dba04c73889c8d3f88 Mon Sep 17 00:00:00 2001 From: Amelia Wattenberger Date: Tue, 6 Dec 2022 16:15:32 -0500 Subject: [PATCH] markdown block - fix instruction styles --- blocks/file-blocks/markdown-edit/style.css | 25 +++++++++++----------- 1 file changed, 13 insertions(+), 12 deletions(-) diff --git a/blocks/file-blocks/markdown-edit/style.css b/blocks/file-blocks/markdown-edit/style.css index aabe5f2..b13381b 100644 --- a/blocks/file-blocks/markdown-edit/style.css +++ b/blocks/file-blocks/markdown-edit/style.css @@ -105,22 +105,14 @@ pre, font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; } -.cm-line:not(.cm-code) + .cm-code { - margin-top: 0 !important; -} -.cm-code + .cm-line:not(.cm-code) { - margin-top: 1em !important; -} -.cm-activeLine.cm-code { +.cm-activeLine.cm-code, +.cm-activeLine.cm-code-start { z-index: 10; background: #f6f8fa; } .cm-code .ͼx { background: transparent; } -.cm-code.cm-activeLine + .cm-line .cm-instruction { - display: inline-block; -} .cm-editor .cm-list-item { display: list-item; margin: 0.3em 0 0.3em 1em; @@ -188,8 +180,18 @@ html body div.cm-editor .cm-line::selection { .cm-line .cm-instruction { color: rgb(175, 178, 182); + display: none; +} +.cm-code + .cm-line .cm-instruction, +div.cm-code-start .cm-instruction { + display: inline-block; opacity: 0.3; } +.cm-code + .cm-line, +div.cm-code-start { + background: #f6f8fa; +} + .cm-copy-header .cm-instruction:first-child { display: inline-block !important; width: 0; @@ -254,8 +256,7 @@ html body div.cm-editor .cm-line::selection { .cm-activeLine .cm-instruction, .cm-activeLine .ͼu, .cm-activeLine .cm-image, -.cm-activeLine + .cm-code-start, -.cm-activeLine + .cm-code-start .cm-instruction, +.cm-activeLine.cm-code-start .cm-instruction, .cm-activeLine + .cm-image-container + .cm-line .cm-image, .cm-activeLine + .cm-image-container + .cm-line .cm-image-alt, .cm-activeLine + .cm-image-container + .cm-line .cm-instruction,