diff options
| author | Jose Antonio Marquez | 2012-02-23 10:38:51 -0800 |
|---|---|---|
| committer | Jose Antonio Marquez | 2012-02-23 10:38:51 -0800 |
| commit | d764428023d87446fbbb153d8e04a23b900d71d5 (patch) | |
| tree | 2581815db5567b52d4c59663ea9e37d6df057ca3 /js | |
| parent | 3e1be6d4d4f0d3a2474af7d915954f9b6464fe2e (diff) | |
| parent | cc295dd0fb873505eed01c232bd987cf6e2dcdd9 (diff) | |
| download | ninja-d764428023d87446fbbb153d8e04a23b900d71d5.tar.gz | |
Merge branch 'refs/heads/NinjaInternal' into Color
Diffstat (limited to 'js')
61 files changed, 4118 insertions, 763 deletions
diff --git a/js/components/layout/bread-crumb.reel/bread-crumb.html b/js/components/layout/bread-crumb.reel/bread-crumb.html index 67328479..c1b9ed61 100755 --- a/js/components/layout/bread-crumb.reel/bread-crumb.html +++ b/js/components/layout/bread-crumb.reel/bread-crumb.html | |||
| @@ -62,7 +62,7 @@ | |||
| 62 | 62 | ||
| 63 | <div id="breadcrumb_trail" class="breadcrumbtrail"> | 63 | <div id="breadcrumb_trail" class="breadcrumbtrail"> |
| 64 | <div id="breadcrumb_container" class="bread_crumb"> | 64 | <div id="breadcrumb_container" class="bread_crumb"> |
| 65 | <div id="breadcrumb_button" class="toolbutton"></div> | 65 | <div id="breadcrumb_button"></div> |
| 66 | </div> | 66 | </div> |
| 67 | </div> | 67 | </div> |
| 68 | 68 | ||
diff --git a/js/components/tools-properties/rect-properties.reel/rect-properties.css b/js/components/tools-properties/rect-properties.reel/rect-properties.css index f50a9873..74509555 100755 --- a/js/components/tools-properties/rect-properties.reel/rect-properties.css +++ b/js/components/tools-properties/rect-properties.reel/rect-properties.css | |||
| @@ -4,7 +4,7 @@ | |||
| 4 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | 4 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. |
| 5 | </copyright> */ | 5 | </copyright> */ |
| 6 | 6 | ||
| 7 | .button { | 7 | .rectProperties .button { |
| 8 | border:none; | 8 | border:none; |
| 9 | cursor:default; | 9 | cursor:default; |
| 10 | text-align:center; | 10 | text-align:center; |
| @@ -12,28 +12,30 @@ | |||
| 12 | opacity:0.8; | 12 | opacity:0.8; |
| 13 | display:table-cell; | 13 | display:table-cell; |
| 14 | vertical-align:middle; | 14 | vertical-align:middle; |
| 15 | width:100%; | ||
| 16 | height:100%; | ||
| 17 | background-color:#333333; | 15 | background-color:#333333; |
| 18 | color:white; | 16 | color:white; |
| 19 | } | 17 | } |
| 20 | 18 | ||
| 21 | .button:hover | 19 | .rectProperties .subToolButton { |
| 20 | float:left; | ||
| 21 | } | ||
| 22 | |||
| 23 | .rectProperties .button:hover | ||
| 22 | { | 24 | { |
| 23 | opacity:1; | 25 | opacity:1; |
| 24 | } | 26 | } |
| 25 | 27 | ||
| 26 | .button:active | 28 | .rectProperties .button:active |
| 27 | { | 29 | { |
| 28 | outline:solid 1px black; | 30 | outline:solid 1px black; |
| 29 | } | 31 | } |
| 30 | 32 | ||
| 31 | .button.on | 33 | .rectProperties .button.on |
| 32 | { | 34 | { |
| 33 | background-color: #333333; | 35 | background-color: #333333; |
| 34 | } | 36 | } |
| 35 | 37 | ||
| 36 | .button.off | 38 | .rectProperties .button.off |
| 37 | { | 39 | { |
| 38 | background-color: #cccccc; | 40 | background-color: #cccccc; |
| 39 | color:black; | 41 | color:black; |
diff --git a/js/components/tools-properties/rect-properties.reel/rect-properties.html b/js/components/tools-properties/rect-properties.reel/rect-properties.html index e5c52466..214ff1d5 100755 --- a/js/components/tools-properties/rect-properties.reel/rect-properties.html +++ b/js/components/tools-properties/rect-properties.reel/rect-properties.html | |||
| @@ -68,7 +68,7 @@ | |||
| 68 | </head> | 68 | </head> |
| 69 | 69 | ||
| 70 | <body> | 70 | <body> |
| 71 | <div id="rectProperties"> | 71 | <div id="rectProperties" class="rectProperties"> |
| 72 | <button id="lockButton" class="unselectable subToolButton button LockToolUp" style=" margin-left:20px"></button> | 72 | <button id="lockButton" class="unselectable subToolButton button LockToolUp" style=" margin-left:20px"></button> |
| 73 | <div id="TLRadiusLabel" class="unselectable subToolButton cornerRadius topLeft"></div> | 73 | <div id="TLRadiusLabel" class="unselectable subToolButton cornerRadius topLeft"></div> |
| 74 | <div id="TLRadiusControl" class="label"></div> | 74 | <div id="TLRadiusControl" class="label"></div> |
diff --git a/js/components/ui/color-chip.reel/color-chip.js b/js/components/ui/color-chip.reel/color-chip.js index e51bdd8a..ed1ac27a 100755 --- a/js/components/ui/color-chip.reel/color-chip.js +++ b/js/components/ui/color-chip.reel/color-chip.js | |||
| @@ -29,12 +29,20 @@ var ColorChip = exports.ColorChip = Montage.create(Component, { | |||
| 29 | value: 20 | 29 | value: 20 |
| 30 | }, | 30 | }, |
| 31 | 31 | ||
| 32 | initialColor: { | 32 | color: { |
| 33 | value: false | 33 | value: {r:0, g:0, b:0, a:1, css:'rgb(0,0,0)', mode:'rgb'} |
| 34 | }, | 34 | }, |
| 35 | 35 | ||
| 36 | changeDelegate: { | 36 | changeDelegate: { |
| 37 | value: null | 37 | value: function(event) { |
| 38 | this.color = event._event.color; | ||
| 39 | |||
| 40 | var evt = document.createEvent("CustomEvent"); | ||
| 41 | evt.initEvent("change", true, true); | ||
| 42 | evt.type = "change"; | ||
| 43 | |||