Changeset 11021 for main/waeup.kofa/branches/uli-diazo-themed/layout

Timestamp:

31 Jan 2014, 17:17:29 (11 years ago)

Author:

Henrik Bettermann

Message:

Move language selector to the right and replace 'Language' by earth symbol.

Location:

main/waeup.kofa/branches/uli-diazo-themed/layout

Files:

• rules.xml (modified) (3 diffs)
• static/css/base.css (modified) (1 diff)
• static/img/earth.png (added)
• theme.html (modified) (2 diffs)

main/waeup.kofa/branches/uli-diazo-themed/layout/rules.xml

@@ -96 +96 @@
     <!-- the language selector
 
-      quite tricky. We insert a <li> element at end of
-      ul.kofa-navbar-left. This <li> has a header element
+      quite tricky. We insert a <li> element at beginning of
+      ul.kofa-navbar-right. This <li> has a header element
       (the 'Language' button) and the a number of <li> elements
       representing the supported languages.
@@ -110 +110 @@
       creating new nodes (<xsl:element>) with attributes copied over.
     -->
-    <after css:theme-children="ul.kofa-navbar-left">
+    <before css:theme-children="ul.kofa-navbar-right">
       <li class="dropdown kofa-langselect">
         <a href="#" class="dropdown-toggle"
-           data-toggle="dropdown">Language <b class="caret"></b></a>
+           data-toggle="dropdown">
+           <img src="/static/static/img/earth.png" />
+           <b class="caret"></b></a>
         <ul class="dropdown-menu">
           <xsl:for-each css:select=" .language a">
@@ -127 +129 @@
         </ul>
       </li>
-    </after>
+    </before>
 
 

main/waeup.kofa/branches/uli-diazo-themed/layout/static/css/base.css

@@ -21 +21 @@
 .navbar-nav.navbar-right:last-child {
   margin-right: -5px;
+}
+
+.kofa-langselect img {
+    margin-top: -10px;
+    margin-bottom: -10px;
 }
 

main/waeup.kofa/branches/uli-diazo-themed/layout/theme.html

@@ -51 +51 @@
           <li><a href="#contact">Students</a></li>
           <li><a href="#contact">Hostels</a></li>
+        </ul>
+
+        <ul class="nav navbar-nav navbar-right kofa-navbar-right">
           <li class="dropdown kofa-langselect">
             <a href="#" class="dropdown-toggle"
-               data-toggle="dropdown">Language <b class="caret"></b></a>
+               data-toggle="dropdown">
+               <img src="static/img/earth.png" />
+               <b class="caret"></b></a>
             <ul class="dropdown-menu">
               <li class="kofa-language"><a href="#">en</a></li>
@@ -63 +68 @@
             </ul>
           </li>
-        </ul>
-
-        <ul class="nav navbar-nav navbar-right kofa-navbar-right">
           <li class="nav"><a href="#">Contact</a></li>
           <li class="nav"><a href="#">Logout</a></li>