From 77c5ab9da78b313575967eba80a3f5364bcc6913 Mon Sep 17 00:00:00 2001
From: rdrew <rdrew@upei.ca>
Date: Tue, 13 Jan 2026 15:29:16 -0400
Subject: [PATCH] audio

---
 css/components/islandora_mods.css | 53 ++++++++++++++++++-------------
 1 file changed, 31 insertions(+), 22 deletions(-)

diff --git a/css/components/islandora_mods.css b/css/components/islandora_mods.css
index c3bb908..8da2e2a 100755
--- a/css/components/islandora_mods.css
+++ b/css/components/islandora_mods.css
@@ -2,12 +2,12 @@
 .audio-tooltip {
   position: absolute;
   background: #2d2d2d;
-    background: #9a5152;
+  background: #9a5152;
   color: white;
   padding: 8px 12px;
   border-radius: 6px;
   font-size: 0.95rem;
-  box-shadow: 0 4px 12px rgba(0,0,0,0.4);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
   pointer-events: auto;
   z-index: 1500;
   display: none;
@@ -25,32 +25,42 @@
   text-decoration: underline;
   color: white;
 }
-
+a.js-play-audio-from-node::after {
+  content: "";
+  display: inline-block;
+  width: 1em;
+  height: 1em;
+  margin-left: 4px;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M533.6 32.5c-10.3-8.4-25.4-6.8-33.8 3.5s-6.8 25.4 3.5 33.8C557.5 113.8 592 180.8 592 256s-34.5 142.2-88.7 186.3c-10.3 8.4-11.8 23.5-3.5 33.8s23.5 11.8 33.8 3.5C598.5 426.7 640 346.2 640 256S598.5 85.2 533.6 32.5zM473.1 107c-10.3-8.4-25.4-6.8-33.8 3.5s-6.8 25.4 3.5 33.8C475.3 170.7 496 210.9 496 256s-20.7 85.3-53.2 111.8c-10.3 8.4-11.8 23.5-3.5 33.8s23.5 11.8 33.8 3.5c43.2-35.2 70.9-88.9 70.9-149s-27.7-113.8-70.9-149zm-60.5 74.5c-10.3-8.4-25.4-6.8-33.8 3.5s-6.8 25.4 3.5 33.8C393.1 227.6 400 241 400 256s-6.9 28.4-17.7 37.3c-10.3 8.4-11.8 23.5-3.5 33.8s23.5 11.8 33.8 3.5C434.1 312.9 448 286.1 448 256s-13.9-56.9-35.4-74.5zM80 352l48 0 134.1 119.2c6.4 5.7 14.6 8.8 23.1 8.8 19.2 0 34.8-15.6 34.8-34.8l0-378.4c0-19.2-15.6-34.8-34.8-34.8-8.5 0-16.7 3.1-23.1 8.8L128 160 80 160c-26.5 0-48 21.5-48 48l0 96c0 26.5 21.5 48 48 48z'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-position: center;
+}
 /*audio player*/
 div#global-audio-wrapper.is-hidden {
-    display:none;
+  display: none;
 }
 #global-audio-wrapper {
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    background: #9a5152;
-    color: #fff;
-    padding: 0.5em 1em;
-    z-index: 9999;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: #9a5152;
+  color: #fff;
+  padding: 0.5em 1em;
+  z-index: 9999;
 }
 
 #global-audio-title {
-    font-weight: bold;
-    margin-bottom: 0.3em;
+  font-weight: bold;
+  margin-bottom: 0.3em;
 }
 div#block-olivesbdh-audioplayer {
-    border: none;
-    background: none;
+  border: none;
+  background: none;
 }
 audio#global-able-player {
-    width: 100%;
+  width: 100%;
 }
 /*end audio player code*/
 iframe.pdf {
@@ -74,7 +84,7 @@ iframe.pdf {
   margin: 0;
   a {
     text-decoration: none;
-    font-size:1em;
+    font-size: 1em;
   }
 }
 /*tune variants*/
@@ -290,11 +300,10 @@ iframe.pdf {
     font-weight: bold;
     font-family: var(--font-serif);
     /*display: block;*/
-      font-size: .85rem;
+    font-size: 0.85rem;
   }
-  .views-field:not( .views-field-title ) {
-
-      font-size: .85rem;
+  .views-field:not(.views-field-title) {
+    font-size: 0.85rem;
   }
 }
 div#block-olivesbdh-solrsearchcontentsearchresultspagerforblock {