1
0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2025-03-01 15:30:36 +01:00

Allow to define color schemes without toggles

This commit is contained in:
squidfunk 2021-04-10 19:36:59 +02:00
parent 7d405c4a1b
commit 2c973e1755
7 changed files with 28 additions and 18 deletions

View File

@ -223,7 +223,7 @@
</script> </script>
{% endblock %} {% endblock %}
{% block scripts %} {% block scripts %}
<script src="{{ 'assets/javascripts/bundle.7353b375.min.js' | url }}"></script> <script src="{{ 'assets/javascripts/bundle.56defda5.min.js' | url }}"></script>
{% for path in config["extra_javascript"] %} {% for path in config["extra_javascript"] %}
<script src="{{ path | url }}"></script> <script src="{{ path | url }}"></script>
{% endfor %} {% endfor %}

View File

@ -33,9 +33,11 @@
{% set primary = option.primary | replace(" ", "-") | lower %} {% set primary = option.primary | replace(" ", "-") | lower %}
{% set accent = option.accent | replace(" ", "-") | lower %} {% set accent = option.accent | replace(" ", "-") | lower %}
<input class="md-option" data-md-color-media="{{ option.media }}" data-md-color-scheme="{{ option.scheme }}" data-md-color-primary="{{ primary }}" data-md-color-accent="{{ accent }}" type="radio" name="__palette" id="__palette_{{ loop.index }}"> <input class="md-option" data-md-color-media="{{ option.media }}" data-md-color-scheme="{{ option.scheme }}" data-md-color-primary="{{ primary }}" data-md-color-accent="{{ accent }}" type="radio" name="__palette" id="__palette_{{ loop.index }}">
{% if option.toggle %}
<label class="md-header__button md-icon" title="{{ option.toggle.name }}" for="__palette_{{ loop.index0 or loop.length }}" hidden> <label class="md-header__button md-icon" title="{{ option.toggle.name }}" for="__palette_{{ loop.index0 or loop.length }}" hidden>
{% include ".icons/" ~ option.toggle.icon ~ ".svg" %} {% include ".icons/" ~ option.toggle.icon ~ ".svg" %}
</label> </label>
{% endif %}
{% endfor %} {% endfor %}
</form> </form>
{% endif %} {% endif %}

View File

@ -131,7 +131,8 @@ export function mountPalette(
/* Toggle visibility */ /* Toggle visibility */
for (let index = 0; index < inputs.length; index++) { for (let index = 0; index < inputs.length; index++) {
const label = inputs[index].nextElementSibling as HTMLElement const label = inputs[index].nextElementSibling
if (label instanceof HTMLElement)
label.hidden = palette.index !== index label.hidden = palette.index !== index
} }
}) })

View File

@ -79,6 +79,7 @@
name="__palette" name="__palette"
id="__palette_{{ loop.index }}" id="__palette_{{ loop.index }}"
/> />
{% if option.toggle %}
<label <label
class="md-header__button md-icon" class="md-header__button md-icon"
title="{{ option.toggle.name }}" title="{{ option.toggle.name }}"
@ -87,6 +88,7 @@
> >
{% include ".icons/" ~ option.toggle.icon ~ ".svg" %} {% include ".icons/" ~ option.toggle.icon ~ ".svg" %}
</label> </label>
{% endif %}
{% endfor %} {% endfor %}
</form> </form>
{% endif %} {% endif %}

View File

@ -50,6 +50,11 @@ declare global {
*/ */
const __search: GlobalSearchConfig | undefined const __search: GlobalSearchConfig | undefined
/**
* Global function to prefix storage items
*/
function __prefix(key: string): string
/** /**
* Google Analytics * Google Analytics
*/ */