update page icons

sul-dlss · Jun 20, 2024 · cebe0f1 · cebe0f1
1 parent 9ad3ac2
commit cebe0f1
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 13 deletions.
diff --git a/app/assets/stylesheets/modules/constraints.scss b/app/assets/stylesheets/modules/constraints.scss
@@ -5,6 +5,10 @@
     line-height: $h4-font-size;
   }
 
+  .bi-skip-backward-fill {
+    font-size: .9rem;
+  }
+
   span.constraint.btn-group {
     span.constraint-value {
       border-top-left-radius: $sul-constraint-btn-radius;

diff --git a/app/assets/stylesheets/modules/side-nav-minimap.scss b/app/assets/stylesheets/modules/side-nav-minimap.scss
@@ -44,7 +44,7 @@
           background-color: $sul-side-nav-minimap-active-btn-bg;
       }
 
-      i.fa, .sul-icon {
+      i.fa, i.bi, .sul-icon {
         display: inline-block;
         text-align: center;
         width: 35px;

diff --git a/app/components/blacklight/start_over_button_component.rb b/app/components/blacklight/start_over_button_component.rb
@@ -3,7 +3,7 @@
 module Blacklight
   class StartOverButtonComponent < Blacklight::Component
     def call
-      link_to("<i class='fa fa-fast-backward'></i> <span class='d-none d-sm-inline'>#{label}</span></a>".html_safe, start_over_path, class: 'btn btn-primary btn-reset')
+      link_to("<i class='bi bi-skip-backward-fill'></i> <span class='d-none d-sm-inline'>#{label}</span></a>".html_safe, start_over_path, class: 'btn btn-primary btn-reset')
     end
 
     private

diff --git a/config/locales/searchworks.en.yml b/config/locales/searchworks.en.yml
@@ -322,7 +322,7 @@ en:
       sms: 'text'
       printer: 'printer'
 
-    back_to_search: '<i class="fa fa-fast-backward"></i><span class="d-none d-sm-inline">&nbsp; Back to results</span>'
+    back_to_search: '<i class="bi bi-skip-backward-fill"></i><span class="d-none d-sm-inline">&nbsp; Back to results</span>'
     feedback_form:
       success: '<strong>Thank you!</strong> Your feedback has been sent.'
     connection_form:
@@ -333,45 +333,45 @@ en:
   record_side_nav:
     abstract:
       id: "abstract"
-      icon: '<i class="fa fa-align-justify"></i>'
+      icon: '<i class="bi bi-justify"></i>'
       label: "Abstract"
     abstract_contents:
       id: "abstract-contents"
-      icon: '<i class="fa fa-align-justify"></i>'
+      icon: '<i class="bi bi-justify"></i>'
       label: "Contents"
     contributors:
       id: "contributors"
-      icon: '<i class="fa fa-user"></i>'
+      icon: '<i class="bi bi-person-fill"></i>'
       label: "Contributors"
     access_conditions:
       id: "access-conditions"
-      icon: '<i class="fa fa-key"></i>'
+      icon: '<i class="bi bi-key-fill"></i>'
       label: "Access"
     contents_summary:
       id: "contents-summary"
-      icon: '<i class="fa fa-align-justify"></i>'
+      icon: '<i class="bi bi-justify"></i>'
       label: "Summary"
     subjects:
       id: "subjects"
-      icon: '<i class="fa fa-tags"></i>'
+      icon: '<i class="bi bi-tags-fill"></i>'
       label: "Subjects"
     bibliography_info:
       id: "bibliography-info"
-      icon: '<i class="fa fa-info"></i>'
+      icon: '<i class="bi bi-info-circle"></i>'
       label: "Info"
     details:
       id: "details"
-      icon: '<i class="fa fa-info"></i>'
+      icon: '<i class="bi bi-info-circle"></i>'
       label: "Details"
     browse_nearby:
       id: "browse-nearby"
       icon: '<span class="sul-icon sul-icon-books-3"></span>'
       label: "Browse"
     fulltext:
       id: "full-text"
-      icon: '<i class="fa fa-align-justify"></i>'
+      icon: '<i class="bi bi-justify"></i>'
       label: "Full Text"
     summary:
       id: "summary"
-      icon: '<i class="fa fa-align-justify"></i>'
+      icon: '<i class="bi bi-justify"></i>'
       label: "Summary"