diff options
Diffstat (limited to 'js/components')
-rw-r--r-- | js/components/layout/subtool-button.reel/subtool-button.html | 7 | ||||
-rw-r--r-- | js/components/layout/subtool-button.reel/subtool-button.js | 10 |
2 files changed, 5 insertions, 12 deletions
diff --git a/js/components/layout/subtool-button.reel/subtool-button.html b/js/components/layout/subtool-button.reel/subtool-button.html index 9dad007d..24fce57c 100644 --- a/js/components/layout/subtool-button.reel/subtool-button.html +++ b/js/components/layout/subtool-button.reel/subtool-button.html | |||
@@ -16,8 +16,7 @@ | |||
16 | "module": "js/components/layout/subtool-button.reel", | 16 | "module": "js/components/layout/subtool-button.reel", |
17 | "name": "SubToolButton", | 17 | "name": "SubToolButton", |
18 | "properties": { | 18 | "properties": { |
19 | "element": {"#": "buttonBackground"}, | 19 | "element": {"#": "toolButton"} |
20 | "button": {"#": "toolBarButton"} | ||
21 | } | 20 | } |
22 | } | 21 | } |
23 | } | 22 | } |
@@ -26,9 +25,7 @@ | |||
26 | </head> | 25 | </head> |
27 | 26 | ||
28 | <body> | 27 | <body> |
29 | <div id="buttonBackground" class="buttonBackground"> | 28 | <div id="toolButton" class="toolbutton"></div> |
30 | <div id="toolBarButton" class="buttonBackground"></div> | ||
31 | </div> | ||
32 | </body> | 29 | </body> |
33 | 30 | ||
34 | </html> | 31 | </html> |
diff --git a/js/components/layout/subtool-button.reel/subtool-button.js b/js/components/layout/subtool-button.reel/subtool-button.js index d1adca43..2b066f24 100644 --- a/js/components/layout/subtool-button.reel/subtool-button.js +++ b/js/components/layout/subtool-button.reel/subtool-button.js | |||
@@ -35,7 +35,7 @@ exports.SubToolButton = Montage.create(Component, { | |||
35 | boundObjectPropertyPath: "selected", | 35 | boundObjectPropertyPath: "selected", |
36 | oneway: false | 36 | oneway: false |
37 | }); | 37 | }); |
38 | 38 | this.element.classList.add(this.data.id); | |
39 | } | 39 | } |
40 | }, | 40 | }, |
41 | 41 | ||
@@ -43,13 +43,9 @@ exports.SubToolButton = Montage.create(Component, { | |||
43 | enumerable: false, | 43 | enumerable: false, |
44 | value: function() { | 44 | value: function() { |
45 | if(this._selected) { | 45 | if(this._selected) { |
46 | this.element.classList.add( "buttonSelected" ); | 46 | this.element.classList.add("active"); |
47 | this.button.classList.remove( this.data.id + "Unpressed" ); | ||
48 | this.button.classList.add( this.data.id + "Pressed" ); | ||
49 | } else { | 47 | } else { |
50 | this.element.classList.remove( "buttonSelected" ); | 48 | this.element.classList.remove("active"); |
51 | this.button.classList.remove( this.data.id + "Pressed" ); | ||
52 | this.button.classList.add( this.data.id + "Unpressed" ); | ||
53 | } | 49 | } |
54 | } | 50 | } |
55 | }, | 51 | }, |