[matrix] Add sans-serif font toggle to settings modal
* Add sans serif font toggle * remove unnecessary boolean comparison from setFont Co-authored-by: slice <ryaneft@gmail.com> * Update checkbox title Co-authored-by: slice <ryaneft@gmail.com> * General cleanup of settings system * Apply overflow hidden to modal Co-authored-by: slice <ryaneft@gmail.com>
This commit is contained in:
		
							
								
								
									
										19
									
								
								docs/_templates/layout.html
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										19
									
								
								docs/_templates/layout.html
									
									
									
									
										vendored
									
									
								
							@@ -13,7 +13,7 @@
 | 
			
		||||
{%- 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>
 | 
			
		||||
    <a title="settings" accesskey="S" onclick="openModal(settingsModal);">settings</a>{{ reldelim2 }}</li>
 | 
			
		||||
  {{ super() }}
 | 
			
		||||
{% endblock %}
 | 
			
		||||
 | 
			
		||||
@@ -25,11 +25,20 @@
 | 
			
		||||
{% endblock %}
 | 
			
		||||
 | 
			
		||||
{%- block content %}
 | 
			
		||||
  <div id="settings" class="modal" style="display: none;" onclick="if (event.target == this){ closeModal(settings); }">
 | 
			
		||||
  <div id="settings" class="modal" style="display: none;" onclick="if (event.target == this){ closeModal(settingsModal); }">
 | 
			
		||||
    <div class="modal-content">
 | 
			
		||||
      <span class="close" onclick="closeModal(settings);" title="Close">×</span>
 | 
			
		||||
      <span class="close" onclick="closeModal(settingsModal);" title="Close">×</span>
 | 
			
		||||
      <h1>Settings</h1>
 | 
			
		||||
      <!-- TODO: ADD OPTIONS HERE -->
 | 
			
		||||
 | 
			
		||||
      <div class='setting'>
 | 
			
		||||
        <h3>Use a sans-serif font:
 | 
			
		||||
          <label class="toggle" title="Use a sans serif font? Your system font will be used, falling back to `sans-serif`.">
 | 
			
		||||
            <input type="checkbox" name="useSansFont" onclick="updateSetting(this);">
 | 
			
		||||
            <span class="toggle-slider"></span>
 | 
			
		||||
          </label>
 | 
			
		||||
        </h3>
 | 
			
		||||
      </div>
 | 
			
		||||
 | 
			
		||||
    </div>
 | 
			
		||||
  </div>
 | 
			
		||||
  {{ super() }}
 | 
			
		||||
@@ -55,4 +64,4 @@
 | 
			
		||||
      }
 | 
			
		||||
    </script>
 | 
			
		||||
  {%- endif %}
 | 
			
		||||
{%- endblock %}
 | 
			
		||||
{%- endblock %}
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user