diff --git a/local/languages/en.ini b/local/languages/en.ini index 0372776bf3e7b135da118bc12aabff0aee2fb858..540e6182b18c8ce04ba1f0f18885bf8466869c00 100644 --- a/local/languages/en.ini +++ b/local/languages/en.ini @@ -1943,7 +1943,7 @@ Address-Contact-Hours = "Address, Contact" ; resolver link access status resolver_link_access_denied = "not available" -resolver_link_access_limited = "Available in Campus LAN" +resolver_link_access_limited = "Available in Campus network" resolver_link_access_open = "available" resolver_link_access_unknown = "Record unknown to resolver" ; message to be shown upon empty resolver response diff --git a/themes/finc/scss/compiled.scss b/themes/finc/scss/compiled.scss index 9eaea47a0003c36ad2a9ac4563e56412c2e8029b..9f5f878014f6a4dab3e7c5402ed3ea87ed836f0c 100644 --- a/themes/finc/scss/compiled.scss +++ b/themes/finc/scss/compiled.scss @@ -231,7 +231,16 @@ h4 { // address {} // Lists + // ul, +/// no bullets for LIs -- (note: apply style to parent UL in phtml)! +.no-bullet { + padding-left: 0; + + li { + list-style-type: none; + } +} // ol {} // li {} // dl {} @@ -1343,6 +1352,10 @@ table.collapse.in { } //// Redi link-resolver traffic lights +.resolver .show-availability { + display: inline; +} + .traffic-light { display: inline; padding: 0; @@ -2419,6 +2432,21 @@ footer { } } +/////// Holdings, Access-Tab +.holdings-tab { + // increase 'line height' for links to improve readability + &.tab-pane { + ul { + margin-top: 1em; + padding-left: 0; + } + + li { + margin-bottom: .5em; + } + } +} + ////// Hierarchy tree #treeSelector { border-bottom: $border-default-styles; diff --git a/themes/finc/templates/ajax/resolverLinks.phtml b/themes/finc/templates/ajax/resolverLinks.phtml index 4b2e0a9ed2b4ee8050d643752941eb0adb76f175..a2235cd589385d9c86586f9116cd62d099777a38 100644 --- a/themes/finc/templates/ajax/resolverLinks.phtml +++ b/themes/finc/templates/ajax/resolverLinks.phtml @@ -9,15 +9,20 @@ <?php /* <strong><?=$this->transEsc('Electronic')?></strong> */ ?> - <ul> + <ul class="no-bullet"> <?php foreach ($this->electronic as $link): ?> <li> <?php if (!empty($link['href'])): ?> <?php /* finc-specific change #7986 - CK - traffic light */ ?> - <div <?php if(!empty($link['access'])): ?> data-toggle="tooltip" title="<?=$this->transEsc('resolver_link_access_'.$link['access'])?>" class="traffic-light access-<?=$link['access']?>"<?php endif;?>> - <span class="first"></span> - <span class="second"></span> - <span class="last"></span> + <div class="show-availability"> + <span class="sr-only"> + <?=$this->translate('Availability')?>: <?=$this->transEsc('resolver_link_access_' . $link['access'])?> + </span> + <div aria-hidden="true"<?php if(!empty($link['access'])): ?> data-toggle="tooltip" title="<?=$this->transEsc('resolver_link_access_'.$link['access'])?>" class="traffic-light access-<?=$link['access']?>"<?php endif;?>> + <span class="first"></span> + <span class="second"></span> + <span class="last"></span> + </div> </div> <?php /* finc-specific change #7986 - END */ ?> <?= $this->externalLink(