← Back to team overview

dhis2-devs team mailing list archive

[Branch ~dhis2-devs-core/dhis2/trunk] Rev 13072: minor cosmetic fix to dropdown, use same color on gearBox as border color for menu.. makes it ble...

 

------------------------------------------------------------
revno: 13072
committer: Morten Olav Hansen <mortenoh@xxxxxxxxx>
branch nick: dhis2
timestamp: Fri 2013-11-29 15:30:55 +0100
message:
  minor cosmetic fix to dropdown, use same color on gearBox as border color for menu.. makes it blend in better
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:20:31 +0000
+++ dhis-2/dhis-web/dhis-web-dashboard-integration/src/main/webapp/dhis-web-dashboard-integration/interpretationFeed.vm	2013-11-29 14:30:55 +0000
@@ -16,8 +16,8 @@
   var dropDown = jQuery('.dropDown');
 
   gearDropDown.on('click', function( e ) {
+    gearDropDown.toggleClass('active');
     dropDown.show();
-    dropDown.css({left: e.pageX, top: e.pageY});
 
     dropDown.offset({
       'top': gearDropDown.offset().top + 24,
@@ -28,6 +28,8 @@
   });
 
   $(document).on('touchend click', function() {
+    gearDropDown.toggleClass('active');
+
     if( dropDown.is(":visible") ) {
       dropDown.hide();
     }
@@ -37,11 +39,15 @@
 
 <style>
 .gearDropDown {
-  background-color           : #f7f7f7;
-  float: right;
-  border: 1px solid #eaeaea;
-  padding: 4px 10px;
-  cursor: pointer;
+  background-color : #f7f7f7;
+  float            : right;
+  border           : 1px solid #eaeaea;
+  padding          : 4px 10px;
+  cursor           : pointer;
+}
+
+.gearDropDown.active {
+  background-color : #ddd;
 }
 
 .dropDown {