summaryrefslogtreecommitdiff
path: root/project
diff options
context:
space:
mode:
authorJed Barber <jjbarber@y7mail.com>2021-02-04 20:26:04 +1100
committerJed Barber <jjbarber@y7mail.com>2021-02-04 20:26:04 +1100
commitdbfb0de8e6930e41506a65be3cf37ebdeb115e81 (patch)
treee84915a6ed5f71a7de54c1565852f9f19c17acb2 /project
parentfd021bba1679bede0f7ca92342b9811c02cfc7dd (diff)
Steelman table hidden behind a toggle button
Diffstat (limited to 'project')
-rw-r--r--project/assets/css/steelman.css39
-rw-r--r--project/templates/steelman.html9
2 files changed, 48 insertions, 0 deletions
diff --git a/project/assets/css/steelman.css b/project/assets/css/steelman.css
index 5b6b5c9..d0f2c2a 100644
--- a/project/assets/css/steelman.css
+++ b/project/assets/css/steelman.css
@@ -1,5 +1,44 @@
+section.accordian {
+ margin: 1em 2em 2em 2em;
+}
+
+
+.accordian > input[name="collapse"] {
+ display: none;
+}
+
+
+.accordian .hidden_content {
+ overflow: hidden;
+ height: 0;
+}
+
+
+.accordian label {
+ color: #ffffff;
+ cursor: pointer;
+ font-weight: normal;
+ padding: 0.5em;
+ background: #808080;
+}
+
+
+.accordian label:hover,
+.accordian label:focus {
+ color: #ffffff;
+ background: #000000;
+}
+
+
+.accordian > input[name="collapse"]:checked ~ .hidden_content {
+ height: auto;
+}
+
+
+
+
table {
margin: 2em auto 2em auto;
max-width: 60em;
diff --git a/project/templates/steelman.html b/project/templates/steelman.html
index 4c0d209..bb61548 100644
--- a/project/templates/steelman.html
+++ b/project/templates/steelman.html
@@ -223,6 +223,12 @@ considered meet that requirement on the right. Some explanatory notes are includ
<p>Note that due to the standardisation issues each of these languages has, a (fortunately quite low) number of these
turned out to be educated guesses. Fairness was the goal, but nonetheless reader discretion is advised.</p>
+
+<section class="accordian">
+ <input type="checkbox" name="collapse" id="handle1">
+ <label for="handle1">Toggle Appendix Table</label>
+ <div class="hidden_content">
+
<table id="appendix">
<tr>
<th style="width: 30em">Requirement</th>
@@ -2313,6 +2319,9 @@ turned out to be educated guesses. Fairness was the goal, but nonetheless reader
</tr>
</table>
+ </div>
+</section>
+
{% endblock %}