Widget color property rename (short -> concise)

Author: SylvainCorlay

examples/notebooks/Widget Layout.ipynb

@@ -130,7 +130,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "**5.** Colorpicker alignment, short and long version"
+    "**5.** Colorpicker alignment, concise and long version"
    ]
   },
   {
@@ -152,7 +152,7 @@
    },
    "outputs": [],
    "source": [
-    "cp.short = True"
+    "cp.concise = True"
    ]
   },
   {
@@ -163,7 +163,7 @@
    },
    "outputs": [],
    "source": [
-    "cp.short = False"
+    "cp.concise = False"
    ]
   },
   {
@@ -196,7 +196,7 @@
    },
    "outputs": [],
    "source": [
-    "cp2.short = True"
+    "cp2.concise = True"
    ]
   },
   {
@@ -207,7 +207,7 @@
    },
    "outputs": [],
    "source": [
-    "cp2.short = False"
+    "cp2.concise = False"
    ]
   },
   {

ipywidgets/static/widgets/js/widget_color.js

@@ -13,7 +13,7 @@ define([
         defaults: _.extend({}, widget.DOMWidgetModel.prototype.defaults, {
             value: "black",
             description: "",
-            "short": false,
+            concise: false,
             _model_name: "ColorPickerModel",
             _view_name: "ColorPickerView",
         }),
@@ -42,11 +42,11 @@ define([
 
             this.listenTo(this.model, "change:value", this._update_value, this);
             this.listenTo(this.model, "change:description", this._update_description, this);
-            this.listenTo(this.model, "change:short", this._update_short, this);
+            this.listenTo(this.model, "change:concise", this._update_concise, this);
             this.$colorpicker.on("change", this._picker_change.bind(this));
             this.$textbox.on("change", this._text_change.bind(this));
 
-            this._update_short();
+            this._update_concise();
             this._update_value();
             this._update_description();
         },
@@ -66,14 +66,14 @@ define([
                 this.$label.show();
             }
         },
-        _update_short: function() {
-            var short = this.model.get('short');
-            if (short) {
-                this.$el.addClass('short');
+        _update_concise: function() {
+            var concise = this.model.get("concise");
+            if (concise) {
+                this.$el.addClass("concise");
                 this.$colorpicker.removeClass("input-group-addon");
                 this.$textbox.hide();
             } else {
-                this.$el.removeClass('short');
+                this.$el.removeClass("concise");
                 this.$colorpicker.addClass("input-group-addon");
                 this.$textbox.show();
             }

ipywidgets/widgets/widget_color.py

@@ -15,7 +15,7 @@
 @register('Jupyter.ColorPicker')
 class ColorPicker(DOMWidget):
     value = Color('black', sync=True)
-    short = Bool(sync=True)
+    concise = Bool(sync=True)
     description = Unicode(sync=True)
 
     _view_name = Unicode('ColorPickerView', sync=True)