diff options
Diffstat (limited to 'node_modules/montage/ui/input-checkbox.reel')
-rw-r--r-- | node_modules/montage/ui/input-checkbox.reel/checkbox.png | bin | 0 -> 1087 bytes | |||
-rw-r--r-- | node_modules/montage/ui/input-checkbox.reel/input-checkbox.css | 36 | ||||
-rw-r--r-- | node_modules/montage/ui/input-checkbox.reel/input-checkbox.html | 14 | ||||
-rw-r--r-- | node_modules/montage/ui/input-checkbox.reel/input-checkbox.js | 25 |
4 files changed, 75 insertions, 0 deletions
diff --git a/node_modules/montage/ui/input-checkbox.reel/checkbox.png b/node_modules/montage/ui/input-checkbox.reel/checkbox.png new file mode 100644 index 00000000..8c0e3647 --- /dev/null +++ b/node_modules/montage/ui/input-checkbox.reel/checkbox.png | |||
Binary files differ | |||
diff --git a/node_modules/montage/ui/input-checkbox.reel/input-checkbox.css b/node_modules/montage/ui/input-checkbox.reel/input-checkbox.css new file mode 100644 index 00000000..eaf0b303 --- /dev/null +++ b/node_modules/montage/ui/input-checkbox.reel/input-checkbox.css | |||
@@ -0,0 +1,36 @@ | |||
1 | /* <copyright> | ||
2 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | ||
3 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | ||
4 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | ||
5 | </copyright> */ | ||
6 | |||
7 | .montage-inputCheckbox { | ||
8 | -webkit-appearance: none; | ||
9 | -moz-appearance: none; | ||
10 | outline: none; | ||
11 | box-sizing: border-box; | ||
12 | font-size: 12px; | ||
13 | width: 1.5em; | ||
14 | height: 1.5em; | ||
15 | border-radius: 3px; | ||
16 | vertical-align: middle; | ||
17 | border: 1px solid #b3b3b3; | ||
18 | background: #f2f2f2; | ||
19 | cursor: pointer; | ||
20 | } | ||
21 | |||
22 | .montage-inputCheckbox:hover { | ||
23 | background-color: #fff; | ||
24 | } | ||
25 | |||
26 | .montage-inputCheckbox:active { | ||
27 | background-color: #e5e5e5; | ||
28 | } | ||
29 | |||
30 | .montage-inputCheckbox:focus { | ||
31 | border-color: #7f7f7f; | ||
32 | } | ||
33 | |||
34 | .montage-inputCheckbox:checked { | ||
35 | background: #f2f2f2 url(checkbox.png) no-repeat center; | ||
36 | } \ No newline at end of file | ||
diff --git a/node_modules/montage/ui/input-checkbox.reel/input-checkbox.html b/node_modules/montage/ui/input-checkbox.reel/input-checkbox.html new file mode 100644 index 00000000..ee40d568 --- /dev/null +++ b/node_modules/montage/ui/input-checkbox.reel/input-checkbox.html | |||
@@ -0,0 +1,14 @@ | |||
1 | <!DOCTYPE html> | ||
2 | <!-- <copyright> | ||
3 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | ||
4 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | ||
5 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | ||
6 | </copyright> --> | ||
7 | <html> | ||
8 | <head> | ||
9 | <meta charset="utf-8"> | ||
10 | <link rel="stylesheet" href="input-checkbox.css"> | ||
11 | </head> | ||
12 | <body> | ||
13 | </body> | ||
14 | </html> \ No newline at end of file | ||
diff --git a/node_modules/montage/ui/input-checkbox.reel/input-checkbox.js b/node_modules/montage/ui/input-checkbox.reel/input-checkbox.js new file mode 100644 index 00000000..47442dcf --- /dev/null +++ b/node_modules/montage/ui/input-checkbox.reel/input-checkbox.js | |||
@@ -0,0 +1,25 @@ | |||
1 | /* <copyright> | ||
2 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | ||
3 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | ||
4 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | ||
5 | </copyright> */ | ||
6 | /*global require,exports */ | ||
7 | var Montage = require("montage").Montage, | ||
8 | Component = require("ui/component").Component, | ||
9 | NativeInputCheckbox = require("ui/native/input-checkbox.reel").InputCheckbox; | ||
10 | |||
11 | /** | ||
12 | * Input Checkbox | ||
13 | */ | ||
14 | exports.InputCheckbox = Montage.create(NativeInputCheckbox, { | ||
15 | |||
16 | hasTemplate: {value: true}, | ||
17 | |||
18 | didSetElement: { | ||
19 | value: function() { | ||
20 | NativeInputCheckbox.didSetElement.call(this); | ||
21 | this['class'] = (this['class'] || '') + ' montage-inputCheckbox'; | ||
22 | } | ||
23 | } | ||
24 | |||
25 | }); \ No newline at end of file | ||