← Back to team overview

dhis2-devs team mailing list archive

[Branch ~dhis2-devs-core/dhis2/trunk] Rev 13073: made dropDown a bit more compact

 

------------------------------------------------------------
revno: 13073
committer: Morten Olav Hansen <mortenoh@xxxxxxxxx>
branch nick: dhis2
timestamp: Fri 2013-11-29 15:39:56 +0100
message:
  made dropDown a bit more compact
modified:
  dhis-2/dhis-web/dhis-web-dashboard-integration/src/main/webapp/dhis-web-dashboard-integration/interpretationFeed.vm


--
lp:dhis2
https://code.launchpad.net/~dhis2-devs-core/dhis2/trunk

Your team DHIS 2 developers is subscribed to branch lp:dhis2.
To unsubscribe from this branch go to https://code.launchpad.net/~dhis2-devs-core/dhis2/trunk/+edit-subscription
=== modified file 'dhis-2/dhis-web/dhis-web-dashboard-integration/src/main/webapp/dhis-web-dashboard-integration/interpretationFeed.vm'
--- dhis-2/dhis-web/dhis-web-dashboard-integration/src/main/webapp/dhis-web-dashboard-integration/interpretationFeed.vm	2013-11-29 14:30:55 +0000
+++ dhis-2/dhis-web/dhis-web-dashboard-integration/src/main/webapp/dhis-web-dashboard-integration/interpretationFeed.vm	2013-11-29 14:39:56 +0000
@@ -16,7 +16,7 @@
   var dropDown = jQuery('.dropDown');
 
   gearDropDown.on('click', function( e ) {
-    gearDropDown.toggleClass('active');
+    gearDropDown.addClass('active');
     dropDown.show();
 
     dropDown.offset({
@@ -27,10 +27,9 @@
     return false;
   });
 
-  $(document).on('touchend click', function() {
-    gearDropDown.toggleClass('active');
-
+  $(document).on('click', function() {
     if( dropDown.is(":visible") ) {
+      gearDropDown.removeClass('active');
       dropDown.hide();
     }
   });
@@ -44,6 +43,8 @@
   border           : 1px solid #eaeaea;
   padding          : 4px 10px;
   cursor           : pointer;
+  border-top-left-radius  : 3px;
+  border-top-right-radius : 3px;
 }
 
 .gearDropDown.active {
@@ -68,6 +69,10 @@
   box-shadow                 : #ccc 0px 1px 1px 0px;
 }
 
+.dropDown > ul {
+  margin: 6px 0;
+}
+
 .dropDown > ul > li {
   list-style-type : none;
   padding         : 100;