From 35166bde2d54cc06d0095e59890226ea177cd7d8 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Wed, 28 Oct 2020 19:06:49 +0100 Subject: convert align sidebar into a section TOC navigator --- animism-align/frontend/app/views/align/align.css | 22 +++++++++++++++++++--- 1 file changed, 19 insertions(+), 3 deletions(-) (limited to 'animism-align/frontend/app/views/align/align.css') diff --git a/animism-align/frontend/app/views/align/align.css b/animism-align/frontend/app/views/align/align.css index acb65d2..cbeda67 100644 --- a/animism-align/frontend/app/views/align/align.css +++ b/animism-align/frontend/app/views/align/align.css @@ -113,17 +113,17 @@ canvas { /* Script */ -.script { +.sidebar { position: absolute; top: 0; right: 0; min-width: 4rem; z-index: 8; } -.script textarea { +.sidebar textarea { height: calc(100vh - 3.15rem); } -.script button { +.sidebar button { position: absolute; top: 0.25rem; right: 0.25rem; @@ -138,3 +138,19 @@ canvas { position: relative; width: 450px; } + +/* 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; +} \ No newline at end of file -- cgit v1.2.3-70-g09d2