diff options
Diffstat (limited to 'js')
58 files changed, 4078 insertions, 759 deletions
diff --git a/js/components/textfield.reel/textfield.html b/js/components/textfield.reel/textfield.html index 89adf776..73defabd 100755 --- a/js/components/textfield.reel/textfield.html +++ b/js/components/textfield.reel/textfield.html | |||
@@ -19,6 +19,6 @@ | |||
19 | </script> | 19 | </script> |
20 | </head> | 20 | </head> |
21 | <body> | 21 | <body> |
22 | <input id="textfield" class="nj-skinned" type="text"> | 22 | <input id="textfield" class="textfield nj-skinned" type="text"> |
23 | </body> | 23 | </body> |
24 | </html> \ No newline at end of file | 24 | </html> \ No newline at end of file |
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..6541f641 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,26 @@ | |||
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 .button:hover |
22 | { | 20 | { |
23 | opacity:1; | 21 | opacity:1; |
24 | } | 22 | } |
25 | 23 | ||
26 | .button:active | 24 | .rectProperties .button:active |
27 | { | 25 | { |
28 | outline:solid 1px black; | 26 | outline:solid 1px black; |
29 | } | 27 | } |
30 | 28 | ||
31 | .button.on | 29 | .rectProperties .button.on |
32 | { | 30 | { |
33 | background-color: #333333; | 31 | background-color: #333333; |
34 | } | 32 | } |
35 | 33 | ||
36 | .button.off | 34 | .rectProperties .button.off |
37 | { | 35 | { |
38 | background-color: #cccccc; | 36 | background-color: #cccccc; |
39 | color:black; | 37 | 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 | |||
44 | this.dispatchEvent(evt); | ||
45 | } | ||
38 | }, | 46 | }, |
39 | 47 | ||
40 | prepareForDraw: { | 48 | prepareForDraw: { |
@@ -60,10 +68,10 @@ var ColorChip = exports.ColorChip = Montage.create(Component, { | |||
60 | value: function(evt) { | 68 | value: function(evt) { |
61 | if(this.chip) { | 69 | if(this.chip) { |
62 | // This is a single chip |