Cloudbar IE fix

fixed cloudbar to display properly on pithos app with IE

diff --git a/snf-astakos-app/astakos/im/static/im/cloudbar/cloudbar.css b/snf-astakos-app/astakos/im/static/im/cloudbar/cloudbar.css
index ae6a80a..efec625 100644 (file)
--- a/snf-astakos-app/astakos/im/static/im/cloudbar/cloudbar.css
+++ b/snf-astakos-app/astakos/im/static/im/cloudbar/cloudbar.css
@@ -1,13 +1,3 @@
-/*!
- * Bootstrap @VERSION
- *
- * Copyright 2011 Twitter, Inc
- * Licensed under the Apache License v2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Designed and built with all the love in the world @twitter by @mdo and @fat.
- * Date: @DATE
- */
 /* Variables.less
  * Variables to customize the look and feel of Bootstrap
  * ----------------------------------------------------- */
@@ -60,6 +50,11 @@
   font-weight: bold;
   background-color: #333;
 }
+.servicesbar a img {
+  border: none;
+  margin: 1px;
+  margin-bottom: 2px;
+}
 .servicesbar .services {
   zoom: 1;
 }
@@ -76,6 +71,7 @@
   zoom: 1;
   text-align: right;
   min-width: 200px;
+  width: 200px;
   background-color: #000000;
   zoom: 1;
   position: absolute;
@@ -105,10 +101,10 @@
   float: none;
   display: block;
 }
-.servicesbar .profile:hover {
+.servicesbar .profile:hover, .servicesbar .profile.hover {
   background-color: #222;
 }
-.servicesbar .profile:hover ul {
+.servicesbar .profile:hover ul, .servicesbar .profile.hover ul {
   display: block;
 }
 .servicesbar .profile:before, .servicesbar .profile:after {

diff --git a/snf-astakos-app/astakos/im/static/im/cloudbar/cloudbar.js b/snf-astakos-app/astakos/im/static/im/cloudbar/cloudbar.js
index 43f29dc..906c3a2 100644 (file)
--- a/snf-astakos-app/astakos/im/static/im/cloudbar/cloudbar.js
+++ b/snf-astakos-app/astakos/im/static/im/cloudbar/cloudbar.js
@@ -90,4 +90,7 @@ $(document).ready(function(){
     root.prepend(bar);
     var firstlink = profile.find("ul li:first-child a").attr("href");
     profile.find(".user > a").attr("href", firstlink);
+
+    // ie fix
+    user.hover(function(){$(this).addClass("hover")}, function(){$(this).removeClass("hover")});
 });

diff --git a/snf-astakos-app/astakos/im/static/im/cloudbar/cloudbar.less b/snf-astakos-app/astakos/im/static/im/cloudbar/cloudbar.less
index b8f59e2..90a3e9e 100644 (file)
--- a/snf-astakos-app/astakos/im/static/im/cloudbar/cloudbar.less
+++ b/snf-astakos-app/astakos/im/static/im/cloudbar/cloudbar.less
@@ -1,4 +1,5 @@
-@import "less/bootstrap.less";
+@import "less/variables.less";
+@import "less/mixins.less";
 
 @toolbarBg: #222;
 @toolbarColor: darken(@white, 10%);
@@ -36,6 +37,12 @@
             font-weight: bold;
             background-color: #333;
         }
+
+        img {
+            border: none;
+            margin: 1px;
+            margin-bottom: 2px;
+        }
     }
 
     .services {
@@ -49,6 +56,7 @@
         .clearfix();
         text-align: right;
         min-width: 200px;
+        width: 200px;
         a {
                     float: none;
         }
@@ -64,7 +72,7 @@
                 }
             }
         }
-        &:hover {
+        &:hover, &.hover {
             background-color: #222;
             ul {
                 display: block;