From 81eb668cc98cb1c4518936f45583d5f836fc637d Mon Sep 17 00:00:00 2001
From: Benjamin Becker <benjamin.becker@dataport.de>
Date: Mon, 28 Feb 2022 17:17:51 +0000
Subject: [PATCH] =?UTF-8?q?adds=20links=20for=20"Geb=C3=A4rdensprache"=20a?=
 =?UTF-8?q?nd=20"leichte=20Sprache"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ckanext/odsh/public/odsh_header.css | 46 +++++++++++++++++++++++++----
 ckanext/odsh/templates/header.html  |  8 +++++
 2 files changed, 48 insertions(+), 6 deletions(-)

diff --git a/ckanext/odsh/public/odsh_header.css b/ckanext/odsh/public/odsh_header.css
index b0662f50..879a5043 100644
--- a/ckanext/odsh/public/odsh_header.css
+++ b/ckanext/odsh/public/odsh_header.css
@@ -47,9 +47,9 @@
         display: block;
     } */
 
-.language-switch {
+.navbar .nav .language-switch {
     float: right;
-    background-color: #f2f2f2;
+    /*background-color: #f2f2f2;*/
     padding: 6px 10px;
     margin-left: 20px;
     height: 44px; /* dirty fix to make it the same height as schleswig-holstein.de */
@@ -80,19 +80,53 @@
 }
 
 .language-switch .navLeichteSprache {
-    background: url(/base/images/sprite.png) no-repeat 6px -5557px;
+    background: url(/base/images/sprite.png) no-repeat 11px -5555px;
     font: 0/0 serif;
     display: block;
-    height: 20px;
+    /*height: 20px;*/
     width: 20px;
     overflow: hidden;
 }
 
-.language-switch .navLeichteSprache:hover {
-    background: #011e5a url(/base/images/sprite.png) no-repeat 6px -5334px;
+.language-switch:hover .navLeichteSprache {
+    background: url(/base/images/sprite.png) no-repeat 11px -5332px;
+}
 
+.language-switch .navGebaerdensprache {
+    background: url(/base/images/sprite.png) no-repeat 11px -3385px;
+    font: 0/0 serif;
+    display: block;
+    /*height: 20px;*/
+    width: 20px;
+    overflow: hidden;
 }
 
+.language-switch:hover .navGebaerdensprache {
+    background: url(/base/images/sprite.png) no-repeat 11px -3161px;
+}
+
+@media (max-width: 767px) {
+    .language-switch .navLeichteSprache {
+        background: url(/base/images/sprite.png) no-repeat 11px -5559px;
+    }
+    
+    .language-switch:hover .navLeichteSprache {
+        background: url(/base/images/sprite.png) no-repeat 11px -5336px;
+    
+    }
+
+    .language-switch .navGebaerdensprache {
+        background: url(/base/images/sprite.png) no-repeat 11px -3389px;
+    }
+
+    .language-switch:hover .navGebaerdensprache {
+        background: url(/base/images/sprite.png) no-repeat 11px -3165px;
+    
+    }
+}
+
+
+
 .masthead .top-search-form {
     float:right;
     background: #f2f2f2;
diff --git a/ckanext/odsh/templates/header.html b/ckanext/odsh/templates/header.html
index f7419ab9..d2d699a4 100644
--- a/ckanext/odsh/templates/header.html
+++ b/ckanext/odsh/templates/header.html
@@ -103,6 +103,14 @@
                         </a>
                     </li>
                     {% endif %}
+                    <li class="language-switch">
+                        <a href="https://www.schleswig-holstein.de/tpgebaerdensprache" title="Gebärdensprache" class="navGebaerdensprache">
+                        </a>
+                    </li>
+                    <li class="language-switch">
+                        <a href="https://www.schleswig-holstein.de/tpleichtesprache" title="Leichte Sprache" class="navLeichteSprache">
+                        </a>
+                    </li>
                 </ul>
             </nav>
             <nav class="section navigation">
-- 
GitLab