diff --git a/dist/css/godo.css b/dist/css/godo.css index 5176239..b8d0259 100644 --- a/dist/css/godo.css +++ b/dist/css/godo.css @@ -15,8 +15,8 @@ .menuicons { font-size: 14px; position: relative; - color: #888; min-width: 2em; + display: inline-flex; } .menuicon, .menuicon:hover { padding: .16em .33em; @@ -40,7 +40,28 @@ position: sticky; top: 0; background-color: white; - border-bottom: 2px solid currentColor; +} +.godo-blocks-menu > .menuicons { + column-gap: .33em; +} +.godo-blocks-menu .menuicon { + color: #555; + background-color: white; + border: 1px solid #eee; +} +.godo-blocks-menu .menuicon:hover { + color: black; + border-color: #555; +} +.godo-blocks-menu .menuicon:disabled { + background-color: #eee; + color: #aaa; + opacity: 0.8; +} +.godo-blocks-menu .menuicon.active, +.godo-blocks-menu .menuicon:active { + color: #386EDE; + border-color: #386EDE; } /* Marks menu */ @@ -102,3 +123,13 @@ font-variant: small-caps; font-weight: 900; } + +/* Editor typo */ +div.godo .ProseMirror.godo--editor ul { + list-style-type: disc; + padding-left: 1em; + margin-bottom: 1em; +} +div.godo .ProseMirror.godo--editor ul li p { + margin: 0; +} diff --git a/dist/index.html b/dist/index.html index 74e43ea..f0ff9a3 100644 --- a/dist/index.html +++ b/dist/index.html @@ -70,6 +70,20 @@ + +
p, h1 -> h3, strong, em, ul
+ @@ -84,6 +98,9 @@ const test2 = new Godo(document.querySelector('.textarea-for-godo-2'), { schema: "headers" }); + const test3 = new Godo(document.querySelector('.textarea-for-godo-3'), { + schema: "list" + });