From bc3b811fc9b64ad84ffdacfaa146beaad6185056 Mon Sep 17 00:00:00 2001 From: Vivek Santayana Date: Tue, 21 Jun 2022 02:44:23 +0100 Subject: [PATCH] Finished designing the editor console --- ref-test/app/editor/static/css/editor.css | 41 ++++-- .../templates/editor/components/base.html | 1 + .../app/editor/templates/editor/index.html | 127 ++---------------- 3 files changed, 46 insertions(+), 123 deletions(-) diff --git a/ref-test/app/editor/static/css/editor.css b/ref-test/app/editor/static/css/editor.css index eee5d22..77588ad 100644 --- a/ref-test/app/editor/static/css/editor.css +++ b/ref-test/app/editor/static/css/editor.css @@ -17,18 +17,32 @@ z-index: 10; } -.accordion-button div { - margin: 0; - position: absolute; - top: 50%; - transform: translate(0, -50%); +.editor-controls a i { + font-size: larger; + margin: 2px; } -.accordion-button a { - transform: translate(-50%, -50%); +.option-controls, .block-controls { + width: fit-content; + display: block; + margin: 10px auto; +} + +.option-controls a, .block-controls a { + margin: 0 10px; + z-index: 10; +} + +.option-controls a i, .block-controls a i { + font-size: larger; + margin: 2px; +} + +.accordion-button div { + margin: 0; + position: relative; top: 50%; - right: 0%; - position: absolute; + transform: translate(0, -50%); } .accordion-button::after { @@ -43,4 +57,13 @@ .accordion-error:not(.collapsed) { background-color: #bb2d3b; color: white; +} + +.panel-button { + padding: 6px; + margin: 0px 2px; +} + +.panel-button i { + font-size: larger; } \ No newline at end of file diff --git a/ref-test/app/editor/templates/editor/components/base.html b/ref-test/app/editor/templates/editor/components/base.html index a4f4498..c8fdb06 100644 --- a/ref-test/app/editor/templates/editor/components/base.html +++ b/ref-test/app/editor/templates/editor/components/base.html @@ -48,6 +48,7 @@ +