adjust default colorbar title font to use bigger font

Author: archmoj

src/components/colorbar/defaults.js

@@ -48,14 +48,19 @@ module.exports = function colorbarDefaults(containerIn, containerOut, layout) {
 
     handleTickValueDefaults(colorbarIn, colorbarOut, coerce, 'linear');
 
-    var opts = {outerTicks: false, font: layout.font};
+    var font = layout.font;
+    var opts = {outerTicks: false, font: font};
     if(ticklabelposition.indexOf('inside') !== -1) {
         opts.bgColor = 'black'; // could we instead use the average of colors in the scale?
     }
     handleTickLabelDefaults(colorbarIn, colorbarOut, coerce, 'linear', opts);
     handleTickMarkDefaults(colorbarIn, colorbarOut, coerce, 'linear', opts);
 
     coerce('title.text', layout._dfltTitle.colorbar);
-    Lib.coerceFont(coerce, 'title.font', layout.font);
+
+    var dfltTitleFont = Lib.extendFlat({}, font, {
+        size: Lib.bigFont(font.size)
+    });
+    Lib.coerceFont(coerce, 'title.font', dfltTitleFont);
     coerce('title.side');
 };

test/jasmine/tests/histogram2d_test.js

@@ -18,6 +18,7 @@ describe('Test histogram2d', function() {
 
     function supplyDefaults(traceIn, traceOut, defaultColor, layout) {
         layout._dfltTitle = {colorbar: 'cb'};
+        layout.font = {size: 12};
 
         return supplyDefaultsRaw(traceIn, traceOut, defaultColor, layout);
     }

test/jasmine/tests/mesh3d_test.js

@@ -10,7 +10,7 @@ describe('Test mesh3d', function() {
 
     describe('supplyDefaults', function() {
         var defaultColor = '#444';
-        var layout = {_dfltTitle: {colorbar: 'cb'}};
+        var layout = {_dfltTitle: {colorbar: 'cb'}, font: {size: 12}};
 
         var traceIn, traceOut;
 

test/jasmine/tests/surface_test.js

@@ -10,7 +10,7 @@ describe('Test surface', function() {
 
     describe('supplyDefaults', function() {
         var defaultColor = '#444';
-        var layout = {_dfltTitle: {colorbar: 'cb'}};
+        var layout = {_dfltTitle: {colorbar: 'cb'}, font: {size: 12}};
 
         var traceIn, traceOut;