refs #7712:

* turned Branches info into accordions

local/languages/de.ini

@@ -1823,3 +1823,6 @@ sid_51 = "VuB"
 
 ; Tab to Close-text for closing FNDTN ToolTips
 Tap to close = "Zum Schliessen antippen"
+
+; Holdings Tab accordion
+Address-Contact-Hours = "Adresse, Kontakt"
\ No newline at end of file

local/languages/en.ini

@@ -1762,4 +1762,7 @@ footer_dbis = "Database Information System (DBIS)"
 footer_nwb = "Database nwb"
 
 ; Tab to Close-text for closing FNDTN ToolTips
-Tap to close = "Tap to close"
+Tap to close = "Tap to close"
\ No newline at end of file
+
+; Holdings Tab accordion
+Address-Contact-Hours = "Address, Contact"
\ No newline at end of file

themes/finc/scss/default.scss

@@ -82,6 +82,24 @@ header.fixed { left:auto;max-width: $row-width; }
   .button {
     margin-top: .5rem;
   }
+  ul.accordion {
+    margin-left: 0;
+    margin-bottom: 1rem;
+    li a.accordion-toggler::after {
+      font-family: "FontAwesome", sans-serif;
+      float: right;
+    }
+    li:not(active) a.accordion-toggler::after {
+      content: "\f078";
+    }
+    li.active a.accordion-toggler::after {
+      color: darken($secondary-color,10%);
+      content: "\f077";
+    }
+   .accordion-navigation > a {
+     padding: .25rem 1rem;
+    }
+  }
 }
 // Internformat - staff view
 table.citation th {min-width: 18%}

themes/finc/templates/Helpers/branchinfo.phtml

 <!-- helpers - branchinfo.phtml -->
 <tr class="holding-info">
   <td colspan="4">
+    <ul class="accordion" data-accordion>
+      <li class="accordion-navigation">
+        <a href="#<?=$info['branchno']?>" class="accordion-toggler"><?=$this->transEsc('Address-Contact-Hours')?></a>
+        <div id="<?=$info['branchno']?>" class="content">
     <div class="row collapse">
-      <h4><?=$info['branch']?></h4>
-      <div class="branch-address small-12 medium-4 columns">
+            <div class="branch-address small-12 medium-6 columns">
+              <strong><?=$info['branch']?></strong><br/>
         <?=$info['streetaddress']?><br/>
         <?=$info['postalcode']?> <?=$info['city']?>
       </div>
-      <div class="branch-contact small-12 medium-4 columns">
+            <div class="branch-contact small-12 medium-6 columns">
         <? if (isset($info['tel'])): ?>
           <? if (is_array($info['tel'])): ?>
             <? foreach ($info['tel'] as $tel): ?>
@@ -41,7 +45,7 @@
           </a>
         <? endif; ?>
       </div>
-      <div class="branch-hours small-12 medium-4 columns">
+            <div class="branch-hours small-12 columns">
         <? if (
           isset($info['openinghours'])
           && is_array($info['openinghours'])
@@ -72,6 +76,10 @@
         </div>
       <? endif; ?>
     </div>
+        </div>
+      </li>
+    </ul>
+
   </td>
 </tr>
 <!-- helpers - branchinfo.phtml - END -->
\ No newline at end of file