From 597a5896af66e4dafdc812669aaa5658565d4c90 Mon Sep 17 00:00:00 2001
From: Aaron LI <aaronly.me@outlook.com>
Date: Thu, 17 Nov 2016 14:02:41 +0800
Subject: webui: Support toggle the body/contents of sections
The section header has class "heading" and a toggle control with class
"toggle", which will toggle the display of the next block with the
"body" class.
---
fg21sim/webui/static/css/main.css | 24 +++++++++++++++++++++---
1 file changed, 21 insertions(+), 3 deletions(-)
(limited to 'fg21sim/webui/static/css')
diff --git a/fg21sim/webui/static/css/main.css b/fg21sim/webui/static/css/main.css
index a0d7e1b..510b342 100644
--- a/fg21sim/webui/static/css/main.css
+++ b/fg21sim/webui/static/css/main.css
@@ -78,6 +78,24 @@ header.masthead {
*/
+/**
+ * Section headings
+ */
+.heading > .icon {
+ margin-right: 0.2rem;
+}
+.heading > .toggle {
+ opacity: 0.2;
+ color: #606c76;
+ font-size: 65%;
+ vertical-align: middle;
+ margin-left: 1rem;
+ cursor: pointer;
+}
+.heading > .toggle:hover {
+ opacity: 0.9;
+}
+
/**
* Navigation
*/
@@ -378,13 +396,13 @@ button,
margin-right: 0.2rem;
}
.panel-title > .toggle {
- margin-left: 0.5rem;
- opacity: 0.5;
+ opacity: 0.2;
vertical-align: middle;
+ margin-left: 0.5rem;
cursor: pointer;
}
.panel-title > .toggle:hover {
- opacity: 1.0;
+ opacity: 0.9;
}
.panel-control {
float: right;
--
cgit v1.2.2