Unfinished: enabling language chooser in footer

Signed-off-by: Chris Cormack <crc@liblime.com>
Signed-off-by: Joshua Ferraro <jmf@liblime.com>

diff --git a/koha-tmpl/opac-tmpl/prog/en/css/opac.css b/koha-tmpl/opac-tmpl/prog/en/css/opac.css
index eeb6e72..690d517 100644 (file)
--- a/koha-tmpl/opac-tmpl/prog/en/css/opac.css
+++ b/koha-tmpl/opac-tmpl/prog/en/css/opac.css
@@ -1091,4 +1091,75 @@ div.message {
 
 #container {
        color : #000;
-}
\ No newline at end of file
+}
+
+
+ul#i18nMenu {
+       margin : 0;
+       padding : .2em 0;
+ }
+ 
+ul#i18nMenu li {
+       border-left : 1px solid #CCC;
+       display : inline;
+       list-style : none;
+       padding : 0 10px;
+ }
+ 
+ul#i18nMenu li:first-child {
+       border-left : 0;
+ }
+ 
+ul#i18nMenu li ul li {
+       border : 0;
+       display : block;
+       padding : 0;
+ }
+ 
+               
+ul#i18nMenu li.more a {
+       background-image:url(../../img/more-up-arrow.gif);
+       background-position:right center;
+       background-repeat:no-repeat;
+       padding-right:13px;
+}
+               
+ul#i18nMenu li.more ul li a {
+       background-image : none;
+       padding-right : 20px;
+}
+ 
+ div#changelanguage{
+       background-color: #fff;
+       border-top: 1px solid #CCC;
+  position:absolute;
+  bottom:0;
+  left:0;
+  width:100%;
+  height: 2em;
+ }
+ 
+ @media screen{
+  body>div#changelanguage {
+   position: fixed;
+  }
+ }
+ 
+ * html body{
+  overflow:hidden;
+ } 
+ 
+ * html div#doc1{
+  height:100%;
+  overflow:auto;
+ }
+  
+ * html div#doc2{
+  height:100%;
+  overflow:auto;
+ }
+  
+ * html div#doc3{
+  height:100%;
+  overflow:auto;
+ }
\ No newline at end of file

diff --git a/koha-tmpl/opac-tmpl/prog/en/includes/opac-bottom.inc b/koha-tmpl/opac-tmpl/prog/en/includes/opac-bottom.inc
index f1d6281..97990c4 100644 (file)
--- a/koha-tmpl/opac-tmpl/prog/en/includes/opac-bottom.inc
+++ b/koha-tmpl/opac-tmpl/prog/en/includes/opac-bottom.inc
@@ -6,11 +6,12 @@
 <!-- /TMPL_IF -->
 <!-- TMPL_IF NAME="languages_loop" -->
         <div id="changelanguage" class="ft">
-        <ul id="i18nMenu">
+        <ul id="i18nMenu" class="footermenu">
         <!-- TMPL_LOOP NAME="languages_loop" -->
 
             <!-- TMPL_IF NAME="plural" -->
-            <li class="more"><a href="#"><!-- TMPL_VAR NAME="native_description" --> (<!-- TMPL_VAR NAME="rfc4646_subtag" -->)</a><ul>
+            <li class="more"><a href="#"><!-- TMPL_VAR NAME="native_description" --> (<!-- TMPL_VAR NAME="rfc4646_subtag" -->)</a><div id="sublangs">
+            <div class="bd"><ul>
             <!-- TMPL_LOOP NAME="sublanguages_loop" -->
 
                 <!-- TMPL_IF NAME="sublanguage_current" -->
@@ -20,7 +21,7 @@
                 <!-- /TMPL_IF -->
 
             <!-- /TMPL_LOOP -->
-            </ul></li>
+            </ul></div></div></li>
 
             <!-- TMPL_ELSE -->
                 <!-- TMPL_IF NAME="current" -->