From c867d086caba163978fd1d4a1cb72507ee19bc61 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Wed, 10 Mar 2021 18:38:08 +0100 Subject: prparing sidebar for wav upload componnt --- .../frontend/app/views/editor/align/sidebar.css | 46 ++++++++++++++++++++++ 1 file changed, 46 insertions(+) create mode 100644 animism-align/frontend/app/views/editor/align/sidebar.css (limited to 'animism-align/frontend/app/views/editor/align/sidebar.css') diff --git a/animism-align/frontend/app/views/editor/align/sidebar.css b/animism-align/frontend/app/views/editor/align/sidebar.css new file mode 100644 index 0000000..60e9321 --- /dev/null +++ b/animism-align/frontend/app/views/editor/align/sidebar.css @@ -0,0 +1,46 @@ +/* Script */ + +.sidebar { + position: absolute; + top: 0; + right: 0; + width: 15rem; + z-index: 8; +} +.sidebar textarea { + height: calc(100vh - 3.15rem); +} +.sidebar .buttons { + position: absolute; + top: 0; + right: 0; + width: 15rem; + z-index: 9; + display: flex; + justify-content: flex-end; + align-items: flex-start; + background: #111; +} +.sidebar .buttons button { + border: 0; + background: transparent; +} +.sidebar .buttons button:hover { + background: #333; +} + +/* table of contents */ + +.toc { + background: #222; + width: 15rem; + padding: 0.5rem 0; +} +.toc div { + width: 15rem; + padding: 0.25rem 0.75rem; + cursor: pointer; +} +.toc div:hover { + background: #213; +} -- cgit v1.2.3-70-g09d2