From a1db5b626ff8a23c6c0e1c47b793774f6fb499bc Mon Sep 17 00:00:00 2001
From: Daniel Friesel <derf@finalrewind.org>
Date: Sun, 18 Sep 2016 22:23:36 +0200
Subject: hide non-primary options behind js menu

---
 public/static/collapse.js | 17 +++++++++++++++++
 public/static/default.css | 38 +++++++++++++++++++++++++++++++++++++-
 2 files changed, 54 insertions(+), 1 deletion(-)

(limited to 'public')

diff --git a/public/static/collapse.js b/public/static/collapse.js
index d38b30a..b6537be 100644
--- a/public/static/collapse.js
+++ b/public/static/collapse.js
@@ -19,4 +19,21 @@ $(document).ready(function() {
 			});
 		});
 	});
+	$('.moresettings-header').each(function() {
+		$(this).click(function() {
+			var moresettings = $('.moresettings');
+			if ($(this).hasClass('moresettings-header-collapsed')) {
+				$(this).removeClass('moresettings-header-collapsed');
+				$(this).addClass('moresettings-header-expanded');
+				moresettings.removeClass('moresettings-collapsed');
+				moresettings.addClass('moresettings-expanded');
+			}
+			else {
+				$(this).removeClass('moresettings-header-expanded');
+				$(this).addClass('moresettings-header-collapsed');
+				moresettings.removeClass('moresettings-expanded');
+				moresettings.addClass('moresettings-collapsed');
+			}
+		});
+	});
 });
diff --git a/public/static/default.css b/public/static/default.css
index e11e315..4d8cd91 100644
--- a/public/static/default.css
+++ b/public/static/default.css
@@ -483,6 +483,26 @@ span.notes {
 	color: #666666;
 }
 
+.moresettings-header {
+	cursor: pointer;
+}
+
+.moresettings-header-collapsed:before {
+	content: "▹ "
+}
+
+.moresettings-header-expanded:before {
+	content: "▿ "
+}
+
+.moresettings-collapsed {
+	display: none;
+}
+
+.moresettings-expanded {
+	display: block;
+}
+
 div.break {
 	height: 1em;
 }
@@ -550,10 +570,26 @@ input[type="submit"]:hover,
 	border-color: #204d74;
 }
 
-input[type="submit"]:active {
+input[type="submit"]:active,
+.button.active {
 	box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
 }
 
+.button-light {
+	color: #333;
+	background-color: #fff;
+	border-color: #ccc;
+}
+
+.button-light:active,
+.button-light:focus,
+.button-light:hover
+{
+	color: #333;
+	background-color: #e6e6e6;
+	border-color: #adadad;
+}
+
 div.notes {
 	margin-top: 2em;
 }
-- 
cgit v1.2.3