From 50720b71566a0ad0366744470d367c07ef408a8e Mon Sep 17 00:00:00 2001 From: Matt Karl Date: Mon, 27 Nov 2017 13:59:04 -0500 Subject: [PATCH] Added collapsing side panels --- css/main.css | 16 +++ index.html | 28 ++--- js/TextStyleEditor.js | 240 +++++++++++++++++++++++++----------------- 3 files changed, 172 insertions(+), 112 deletions(-) diff --git a/css/main.css b/css/main.css index 6f40910..85e02d2 100644 --- a/css/main.css +++ b/css/main.css @@ -101,6 +101,22 @@ h3 { background-color: #d8d9e0; } + +.controls h4 { + cursor: pointer; +} + +.controls .collapsed:before { + content: '\25B8'; + display: inline-block; + width: 20px; +} +.controls .expanded:before { + content: '\25BE'; + display: inline-block; + width: 20px; +} + .controls .row { min-height:36px; } diff --git a/index.html b/index.html index 974f173..9da0332 100644 --- a/index.html +++ b/index.html @@ -6,25 +6,25 @@ - + - - - - - - - - - - - - - + + + + + + + + + + + + +