Changeset 20631

Timestamp:

05/20/16 17:46:57 (9 years ago)

Author:

dlcheng

Message:

CHG (javascript): Changing to use new css styles.

Location:

issm/trunk-jpl/src/m/plot

Files:

• gauge.js (modified) (1 diff)
• slider.js (modified) (1 diff)
• tooltips.js (modified) (1 diff)

issm/trunk-jpl/src/m/plot/gauge.js

@@ -13 +13 @@
         label=options.getfieldvalue('label','');
         
-        $('<canvas id="'+gaugecanvas+'" width=80px height=50%></canvas>').appendTo('#'+gaugediv);
-        $('<div id="'+gaugetext+'" class="gaugetext"></div>').appendTo('#'+gaugediv);
+        $('<div class="bordered margin-8 padding-8"><canvas id="'+gaugecanvas+'" class="gauge-canvas"></canvas><div id="'+gaugetext+'" class="gauge-text"></div></div>').appendTo('#'+gaugediv);
         
         var opts = {

issm/trunk-jpl/src/m/plot/slider.js

@@ -108 +108 @@
         
         $('#'+progressdiv).css({width:width});
-        $('<div class="'+name+'-progressbar"></div>').prependTo('#'+progressdiv);
+        $('<div class="'+name+'-progressbar bordered margin-8 padding-8"></div>').prependTo('#'+progressdiv);
         $('.'+name+'-progressbar').slider({
                 range:'min',

issm/trunk-jpl/src/m/plot/tooltips.js

@@ -9 +9 @@
         var tooltipdiv = options.getfieldvalue('tooltipdiv','tooltipdiv');
 
-        $('<div class="container-div">' + value + '</div>').appendTo('#'+tooltipdiv);   
+        $('<div class="bordered">' + value + '</div>').appendTo('#'+tooltipdiv);        
         $("#"+tooltipdiv).hover(function() {
                 var tooltip = $("> div", this).show();