From 8be9ef38db66a6d63447c1d22884eccc9c019cc6 Mon Sep 17 00:00:00 2001
From: Josh <josh.ja.butt@gmail.com>
Date: Wed, 27 May 2020 16:22:21 +1000
Subject: [matrix] Create settings modal

* Create settings modal

* Fix issue with spacing after settings button

* Fix issue with modal background on mobile devices

* Add close button to modal

* Add tooltip to close button

* Support closing modal with escape key

* Add missing semicolon to keydown event listener
---
 docs/_templates/layout.html | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

(limited to 'docs/_templates')

diff --git a/docs/_templates/layout.html b/docs/_templates/layout.html
index 8b093fd1..8020a1b6 100644
--- a/docs/_templates/layout.html
+++ b/docs/_templates/layout.html
@@ -10,6 +10,13 @@
 
 {%- block relbar2 %}{% endblock %}
 
+{%- block rootrellink %}
+  {# Perhaps override the relbar() macro to place this on the right side of the link list? #}
+  <li class="right"{% if not rellinks %} style="margin-right: 10px"{% endif %}>
+    <a href="javascript:;" title="settings" accesskey="S" onclick="openModal(settings);">settings</a>{{ reldelim2 }}</li>
+  {{ super() }}
+{% endblock %}
+
 {% block header %}
   {{ super() }}
   {% if pagename == 'index' %}
@@ -17,6 +24,17 @@
   {% endif %}
 {% endblock %}
 
+{%- block content %}
+  <div id="settings" class="modal" style="display: none;" onclick="if (event.target == this){ closeModal(settings); }">
+    <div class="modal-content">
+      <span class="close" onclick="closeModal(settings);" title="Close">&times;</span>
+      <h1>Settings</h1>
+      <!-- TODO: ADD OPTIONS HERE -->
+    </div>
+  </div>
+  {{ super() }}
+{% endblock %}
+
 
 {%- block footer %}
   <div class="footer">
@@ -37,4 +55,4 @@
       }
     </script>
   {%- endif %}
-{%- endblock %}
+{%- endblock %}
\ No newline at end of file
-- 
cgit v1.2.3