refs #18194 [de_15: BARF, VF5.1] adds accessibility info button

* adds accessibility info button to the sidebar
* adds minor corrections to sidebar
* fixes contact button on hover

de_15/languages/Websitelinks/de.ini

@@ -237,4 +237,6 @@ Sitemap = "<a href='https://www.ub.uni-leipzig.de/index.php?id=837'>Sitemap</a>"
 ; Barrierearmut #13541
 Skip to Catalog Search = "Springen Sie zum Katalogsuchfeld"
 Skip to Website Search = "Springen Sie zum Website-Suchfeld"
-Skip to Accessibility Page = "Springen Sie zur Seite mit Informationen zur Barrierearmut"
+Skip to Accessibility Page = "Springen Sie zur Seite mit Informationen zur Barrierearmut"
\ No newline at end of file
+
+Barrierefreiheit = "<a href='https://www.ub.uni-leipzig.de/index.php?id=1836' class='btn btn-primary'>Informationen zur Barrierefreiheit</a>"
\ No newline at end of file

de_15/languages/Websitelinks/en.ini

@@ -216,4 +216,6 @@ Sitemap = "<a href='https://www.ub.uni-leipzig.de/index.php?id=837&L=1'>Sitemap<
 ; Accessibility #13541
 Skip to Catalog Search = "Skip to catalog search"
 Skip to Website Search = "Skip to website search"
-Skip to Accessibility Page = "Skip to accessibility information"
+Skip to Accessibility Page = "Skip to accessibility information"
\ No newline at end of file
+
+Barrierefreiheit = "<a href='https://www.ub.uni-leipzig.de/index.php?id=1836&L=1' class='btn btn-primary'>Information on Accessibility</a>"
\ No newline at end of file

themes/de_15/scss/compiled.scss

@@ -890,7 +890,7 @@ a.btn.action {
 }
 
 ////// Transparent buttons, e.g. login.phtml; see also .searchtools below!
-.btn-transparent {
+.btn-transparent:not(.feedbackLink) {
   &:hover,
   &:focus {
     background-color: $brand-primary;
@@ -1501,7 +1501,7 @@ body.template-dir-record.template-name-view > .tooltip {
 // **************************************************
 // The following section is for
 //
-// ***********************  ***
+// *********************** CUSTOM THEME ITEMS ***
 //
 // such as Header elements etc. - work from head of the page down
 // **************************************************
@@ -1513,11 +1513,6 @@ html {
 
 // avoid content jumps when switching tabs - END
 
-// *********************************
-// CUSTOM theme ITEMS
-// from page head to bottom
-// *********************************
-
 // University banner
 @media (min-width: $screen-md-min) {
   .university-banner {
@@ -2075,6 +2070,14 @@ _:-ms-lang(x),
 
 // SEARCHBOX and Autocomplete - END
 
+// Accessibility Infos link
+.acc-link .btn {
+  margin-top: 7px;
+  text-align: left;
+  width: 100%;
+}
+
+
 // BREADCRUMBS (get $breadcrumb-bg defined in customVariables)
 //// position absolutely and align to bottom, parent must be relatively positioned for this to work!
 .breadcrumb {
@@ -3457,6 +3460,25 @@ _:-ms-lang(x),
 
 .contactswitch {
   background-color: transparent;
+
+  a:hover h2,
+  a:hover .fa {
+    color: $white;
+  }
+
+  h2,
+  a i.fa {
+    &:focus,
+    &:hover {
+      color: $white;
+    }
+  }
+
+  h2:hover {
+    i.fa {
+      color: $white;
+    }
+  }
 }
 
 // CHAT, Contact - END

themes/de_15/templates/Helpers/chatswitch.phtml

 <?php /* Chatswitch */ ?>
   <aside>
+    <div class="acc-link"><?=$this->translate("Websitelinks::Barrierefreiheit")?></div>
     <div class="chatswitch hidden">
       <a class="btn action w-100" onclick="window.open('<?=$this->online_url?>','snisupportchatwindow','width=450,height=570,status=0,menubar=0');">
         <h2><?= $this->transEsc('chatswitchOnHeader') ?>&nbsp;<i class="fa fa-comments-o" aria-hidden="true"></i></h2>