fix: tables + icons

This commit is contained in:
Cory Dransfeldt 2024-10-02 20:41:09 -07:00
parent 0a80ff3dff
commit 86205fd7e2
No known key found for this signature in database
45 changed files with 117 additions and 102 deletions

View file

@ -2,7 +2,7 @@
{%- if categoryUrl | isLinkActive: page.url -%}
<span class="active {{ class }}" aria-current="page">
{%- if icon -%}
{% tablericon icon title %}
{% tablericon icon %}
<span>{{ title }}</span>
{%- else -%}
{{ title }}
@ -11,7 +11,7 @@
{%- else -%}
<a class="{% if icon %}{{ icon | downcase }} icon {% endif %}{{ class }}" href="{{ categoryUrl }}" rel="me">
{%- if icon -%}
{% tablericon icon title %}
{% tablericon icon %}
<span>{{ title }}</span>
{%- else -%}
{{ title }}

View file

@ -4,5 +4,5 @@
rel="me"
title="{{ title }}"
tabindex="0">
{% tablericon icon title %}
{% tablericon icon %}
</a>

View file

@ -1,8 +1,8 @@
<menu>
<input id="menu-toggle" type="checkbox" aria-hidden="true" />
<label class="menu-button-container" for="menu-toggle" tabindex="0">
<div class="menu-closed" aria-hidden="true">{% tablericon "menu-2" "Menu closed" %}</div>
<div class="menu-open" aria-hidden="true">{% tablericon "circle-x" "Menu open" %}</div>
<div class="menu-closed" aria-hidden="true">{% tablericon "menu-2" %}</div>
<div class="menu-open" aria-hidden="true">{% tablericon "circle-x" %}</div>
</label>
<ul class="menu-primary" aria-label="Primary site navigation" id="primary-navigation">
{%- for link in nav.primary -%}

View file

@ -2,14 +2,14 @@
<nav aria-label="Pagination" class="pagination">
{%- if pagination.href.previous -%}
<a href="{{ pagination.href.previous }}" aria-label="Previous page">
{% tablericon "arrow-left" "Previous" %}
{% tablericon "arrow-left" %}
</a>
{%- else -%}
<span
class="disabled"
aria-label="Previous page (disabled)"
disabled>
{% tablericon "arrow-left" "Prevous" %}
{% tablericon "arrow-left" %}
</span>
{%- endif -%}
<select-pagination>
@ -26,14 +26,14 @@
</select-pagination>
{%- if pagination.href.next -%}
<a href="{{ pagination.href.next }}" aria-label="Next page">
{% tablericon "arrow-right" "Next" %}
{% tablericon "arrow-right" %}
</a>
{%- else -%}
<span
class="disabled"
aria-label="Next page (disabled)"
disabled>
{% tablericon "arrow-right" "Next" %}
{% tablericon "arrow-right" %}
</span>
{%- endif -%}
</nav>

View file

@ -3,10 +3,10 @@
<theme-toggle>
<button class="theme-toggle">
<span class="light">
{% tablericon "sun" "Toggle light theme" %}
{% tablericon "sun" %}
</span>
<span class="dark">
{% tablericon "moon" "Toggle dark theme" %}
{% tablericon "moon" %}
</span>
</button>
</theme-toggle>