WIP material icons updated to fa

openlibhums · Dec 17, 2024 · 092624c · 092624c
1 parent f878ed8
commit 092624c
Show file tree

Hide file tree

Showing 12 changed files with 75 additions and 34 deletions.
diff --git a/src/themes/material/templates/core/homepage_elements/search_bar.html b/src/themes/material/templates/core/homepage_elements/search_bar.html
@@ -8,7 +8,8 @@
         <form method="get" action="/search">
       {% endif %}
         <div class="input-field col l12">
-                <i class="material-icons prefix">search</i>
+                {# IconA11y Decorative #}
+                <i aria-hidden="true" class="fa fa-search"></i>
                 <input id="article_search" type="text" class="validate" name="article_search">
                 <label for="article_search">Search</label>
         </div>

diff --git a/src/themes/material/templates/core/nav.html b/src/themes/material/templates/core/nav.html
@@ -50,9 +50,8 @@
                             href="#!"
                             data-target="{{ item.link_name|slugify }}">
                             {{ item.link_name }}
-                            <i class="material-icons right">
-                                arrow_drop_down
-                            </i>
+                            {# IconA11y Decorative #}
+                            <i aria-hidden="true" class="fa fa-caret-down right" ></i>
                         </a>
                     </li>
                 {% elif not item.for_footer %}
@@ -71,7 +70,8 @@
                         href="#!"
                         data-target="account">
                         {% trans "Account" %}
-                        <i class="material-icons right">arrow_drop_down</i>
+                        {# IconA11y Decorative #}
+                        <i aria-hidden="true" class="fa fa-caret-down right" ></i>
                     </a>
                 </li>
             {% else %}
@@ -111,7 +111,8 @@
                             href="#!"
                             data-target="{{ item.link_name|slugify }}-mobile">
                             {{ item.link_name }}
-                            <i class="material-icons right">arrow_drop_down</i>
+                            {# IconA11y Decorative #}
+                            <i aria-hidden="true" class="fa fa-caret-down right" ></i>
                         </a>
                     </li>
                 {% else %}
@@ -126,7 +127,8 @@
                         href="#!"
                         data-target="dropdown1">
                         {% trans "Account" %}
-                        <i class="material-icons right">arrow_drop_down</i>
+                        {# IconA11y Decorative #}
+                        <i aria-hidden="true" class="fa fa-caret-down right" ></i>
                     </a>
                 </li>
             {% else %}
@@ -138,7 +140,9 @@
             href="#!"
             data-target="nav-mobile"
             class="sidenav-trigger">
-            <i class="material-icons">menu</i>
+            {# IconA11y Semantic #}
+            <i aria-hidden="true" class="fa fa-bars" ></i>
+            <span class="sr-only">{% trans 'Open navigation menu' %}</span>
         </a>
     </div>
 </nav>

diff --git a/src/themes/material/templates/elements/journal/issue_list.html b/src/themes/material/templates/elements/journal/issue_list.html
@@ -22,8 +22,10 @@
                     {% endif %}
                 </div>
                 <div class="card-reveal">
-                    <span class="card-title grey-text text-darken-4"><i
-                            class="material-icons right">{% trans "close" %}</i></span>
+                    <span class="card-title grey-text text-darken-4">
+                        {# IconA11y Semantic #}
+                        <i aria-hidden="true" class="fa fa-xmark" ></i>
+                        <span class="sr-only">{% trans 'Close.' %}</span>
                     <span class="grey-text text-darken-4">{{ issue.issue_title }}</span>
                 </div>
                 <div class="card-action">

diff --git a/src/themes/material/templates/elements/nav_element.html b/src/themes/material/templates/elements/nav_element.html
@@ -7,7 +7,8 @@
             href="#!"
             data-target="sub_nav_content">
             {{ item.link_name }}
-            <i class="material-icons right">arrow_drop_down</i>
+            {# IconA11y Decorative #}
+            <i aria-hidden="true" class="fa fa-caret-down right" ></i>
         </a>
     </li>
 {% elif not item.for_footer %}

diff --git a/src/themes/material/templates/elements/pagination.html b/src/themes/material/templates/elements/pagination.html
@@ -14,7 +14,9 @@
                         {% with page_number=page_obj.previous_page_number %}
                             <a
                                 onclick="changePage(form_id='{{ facet_form.id }}', page_number='{{ page_number }}')">
-                                <i class="material-icons">chevron_left</i>
+                                {# IconA11y Semantic #}
+                                <i aria-hidden="true" class="fa fa-chevron-left" ></i>
+                                <span class="sr-only">{% trans 'Previous page.' %}</span>
                             </a>
                         {% endwith %}
                     </li>
@@ -40,7 +42,9 @@
                         {% with page_number=page_obj.next_page_number %}
                             <a
                                 onclick="changePage(form_id='{{ facet_form.id }}', page_number='{{ page_number }}')">
-                                <i class="material-icons">chevron_right</i>
+                                {# IconA11y Semantic #}
+                                <i aria-hidden="true" class="fa fa-chevron-right" ></i>
+                                <span class="sr-only">{% trans 'Next page.' %}</span>
                             </a>
                         {% endwith %}
                     </li>

diff --git a/src/themes/material/templates/elements/sections_display.html b/src/themes/material/templates/elements/sections_display.html
@@ -13,27 +13,39 @@
             <td>
                 <strong>
                     {% if section.public_submissions %}
-                        <i class="material-icons" title="{% trans 'yes' %}">check</i>
+                        {# IconA11y Semantic #}
+                        <i aria-hidden="true" class="fa fa-check"></i>
+                        <span class="sr-only">{% trans 'has public submissions' %}</span>
                     {% else %}
-                        <i class="material-icons" title="{% trans 'no' %}">close</i>
+                    {# IconA11y Semantic #}
+                        <i aria-hidden="true" class="fa fa-times"></i>
+                        <span class="sr-only">{% trans 'does not have public submissions' %}</span>
                     {% endif %}
                 </strong>
             </td>
             <td>
                 <strong>
                     {% if section.number_of_reviewers > 0 %}
-                        <i class="material-icons" title="{% trans 'yes' %}">check</i>
+                        {# IconA11y Semantic #}
+                        <i aria-hidden="true" class="fa fa-check"></i>
+                        <span class="sr-only">{% trans 'is peer reviewed' %}</span>
                     {% else %}
-                        <i class="material-icons" title="{% trans 'no' %}">close</i>
+                        {# IconA11y Semantic #}
+                        <i aria-hidden="true" class="fa fa-times"></i>
+                        <span class="sr-only">{% trans 'is not peer reviewed' %}</span>
                     {% endif %}
                 </strong>
             </td>
             <td>
                 <strong>
                     {% if section.indexing %}
-                        <i class="material-icons" title="{% trans 'yes' %}">check</i>
+                        {# IconA11y Semantic #}
+                        <i aria-hidden="true" class="fa fa-check"></i>
+                        <span class="sr-only">{% trans 'is indexed' %}</span>
                     {% else %}
-                        <i class="material-icons" title="{% trans 'no' %}">close</i>
+                        {# IconA11y Semantic #}
+                        <i aria-hidden="true" class="fa fa-times"></i>
+                        <span class="sr-only">{% trans 'is not indexed' %}</span>
                     {% endif %}
                 </strong>
             </td>

diff --git a/src/themes/material/templates/journal/article.html b/src/themes/material/templates/journal/article.html
@@ -135,7 +135,8 @@ <h2>{% trans "Downloads" %}</h2>
                                 </p>
                                 {% if proofing %}
                                     <p id="note_to_proofreader_1">
-                                        <i class="material-icons left">info</i>
+                                        {# IconA11y Decorative #}
+                                        <i aria-hidden="true" class="fa fa-circle-info" ></i>
                                         Note to proofreader: Download links on this page begin to work when the article is published.
                                     </p>
                                 {% endif %}
@@ -305,7 +306,8 @@ <h4>
                             </ul>
                             {% if proofing %}
                                 <p id="note_to_proofreader_2">
-                                    <i class="material-icons left">info</i>
+                                    {# IconA11y Decorative #}
+                                    <i aria-hidden="true" class="fa fa-circle-info" ></i>
                                     Note to proofreader: Download links on this page begin to work when the article is published.
                                 </p>
                             {% endif %}

diff --git a/src/themes/material/templates/preprints/list.html b/src/themes/material/templates/preprints/list.html
@@ -69,7 +69,8 @@ <h4>{% trans "All Preprints" %}</h4>
                                 <div class="form-group">
 
                                     <div class="input-field">
-                                        <i class="material-icons prefix">{% trans "search" %}</i>
+                                        {# IconA11y Decorative #}
+                                        <i aria-hidden="true" class="fa fa-search prefix" ></i>
                                         <input id="icon_prefix" type="text" class="validate" {% if search_term %}value="{{ search_term }}"{% endif %} name="search_term">
                                         <label for="icon_prefix" class="">{% trans "Search Preprints" %}</label>
                                     </div>

diff --git a/src/themes/material/templates/press/nav.html b/src/themes/material/templates/press/nav.html
@@ -25,7 +25,8 @@
                             href="#!"
                             data-target="{{ item.link_name|slugify }}">
                             {{ item.link_name }}
-                            <i class="material-icons right">arrow_drop_down</i>
+                            {# IconA11y Decorative #}
+                            <i aria-hidden="true" class="fa fa-caret-down right" ></i>
                         </a>
                     </li>
                 {% elif not item.for_footer %}
@@ -44,7 +45,8 @@
                         href="#!"
                         data-target="preprints">
                         {% trans "Repositories" %}
-                        <i class="material-icons right">arrow_drop_down</i>
+                        {# IconA11y Decorative #}
+                        <i aria-hidden="true" class="fa fa-caret-down right" ></i>
                     </a>
                 </li>
             {% endif %}
@@ -59,7 +61,8 @@
                         href="#!"
                         data-target="account">
                         {% trans "Account" %}
-                        <i class="material-icons right">arrow_drop_down</i>
+                        {# IconA11y Decorative #}
+                        <i aria-hidden="true" class="fa fa-caret-down right" ></i>
                     </a>
                 </li>
             {% else %}
@@ -78,7 +81,8 @@
                             href="#!"
                             data-target="{{ item.link_name|slugify }}-mobile">
                             {{ item.link_name }}
-                            <i class="material-icons right">arrow_drop_down</i>
+                            {# IconA11y Decorative #}
+                            <i aria-hidden="true" class="fa fa-caret-down right" ></i>
                         </a>
                     </li>
                 {% elif not item.for_footer %}
@@ -95,7 +99,8 @@
                         href="#!"
                         data-target="preprints-mobile">
                         {% trans "Repositories" %}
-                        <i class="material-icons right">arrow_drop_down</i>
+                        {# IconA11y Decorative #}
+                        <i aria-hidden="true" class="fa fa-caret-down right" ></i>
                     </a>
                 </li>
             {% endif %}
@@ -107,7 +112,8 @@
                         href="#!"
                         data-target="dropdown1">
                         {% trans "Account" %}
-                        <i class="material-icons right">arrow_drop_down</i>
+                        {# IconA11y Decorative #}
+                        <i aria-hidden="true" class="fa fa-caret-down right" ></i>
                     </a>
                 </li>
             {% else %}
@@ -119,7 +125,9 @@
             href="#!"
             data-target="nav-mobile"
             class="sidenav-trigger">
-            <i class="material-icons">menu</i>
+            {# IconA11y Semantic #}
+            <i aria-hidden="true" class="fa fa-bars" ></i>
+            <span class="sr-only">{% trans 'Open navigation menu' %}</span>
         </a>
     </div>
 </nav>

diff --git a/src/themes/material/templates/repository/home.html b/src/themes/material/templates/repository/home.html
@@ -16,7 +16,8 @@ <h1 class="center">{{ request.repository.name }}</h1>
             <form method="POST" action="{% url 'repository_search' %}">
                 {% csrf_token %}
 
-                <i class="material-icons prefix">search</i>
+                {# IconA11y Decorative #}
+                <i aria-hidden="true" class="fa fa-search prefix" ></i>
                 <input id="icon_prefix" type="text" class="validate" name="search_term">
                 <label for="icon_prefix">Search {{ request.repository.object_name_plural }}</label>
                 <p class="help-text center">Type your query and press enter to search.</p>

diff --git a/src/themes/material/templates/repository/list.html b/src/themes/material/templates/repository/list.html
@@ -46,7 +46,8 @@ <h1>{{ request.repository.object_name_plural }}</h1>
                             <div class="form-group">
 
                                 <div class="input-field">
-                                    <i class="material-icons prefix">search</i>
+                                    {# IconA11y Decorative #}
+                                    <i aria-hidden="true" class="fa fa-search prefix" ></i>
                                     <input id="icon_prefix" type="text" class="validate"
                                            {% if search_term %}value="{{ search_term }}"{% endif %} name="search_term">
                                     <label for="icon_prefix" class="">{% trans "Search Preprints" %}</label>

diff --git a/src/themes/material/templates/repository/nav.html b/src/themes/material/templates/repository/nav.html
@@ -29,7 +29,8 @@
                         href="#!"
                         data-target="account">
                         Account
-                        <i class="material-icons right">arrow_drop_down</i>
+                        {# IconA11y Decorative #}
+                        <i aria-hidden="true" class="fa fa-caret-down right" ></i>
                     </a>
                 </li>
             {% else %}
@@ -52,7 +53,8 @@
                         href="#!"
                         data-target="dropdown1">
                         {% trans "Account" %}
-                        <i class="material-icons right">arrow_drop_down</i>
+                        {# IconA11y Decorative #}
+                        <i aria-hidden="true" class="fa fa-caret-down right" ></i>
                     </a>
                 </li>
             {% else %}
@@ -64,7 +66,9 @@
             href="#!"
             data-target="nav-mobile"
             class="sidenav-trigger">
-            <i class="material-icons">menu</i>
+            {# IconA11y Semantic #}
+            <i aria-hidden="true" class="fa fa-bars" ></i>
+            <span class="sr-only">{% trans 'Open navigation menu' %}</span>
         </a>
     </div>
 </nav>