aboutsummaryrefslogtreecommitdiff
path: root/node_modules/montage/ui/input-checkbox.reel
diff options
context:
space:
mode:
authorJose Antonio Marquez2012-06-20 16:48:34 -0700
committerJose Antonio Marquez2012-06-20 16:48:34 -0700
commit4eff115126ab946c5852d787fd596e07b156c9a5 (patch)
treef7d45b260f2fb5ba5dc4d1879076ca032d5ae2e6 /node_modules/montage/ui/input-checkbox.reel
parent7615da5c6ba54bd082eac4b8a6d9196084e5c590 (diff)
parent392a559e90357d48c910a07617261483b2b45476 (diff)
downloadninja-4eff115126ab946c5852d787fd596e07b156c9a5.tar.gz
Merge branch 'refs/heads/Ninja-Internal' into Color
Diffstat (limited to 'node_modules/montage/ui/input-checkbox.reel')
-rw-r--r--node_modules/montage/ui/input-checkbox.reel/checkbox.pngbin0 -> 1087 bytes
-rw-r--r--node_modules/montage/ui/input-checkbox.reel/input-checkbox.css36
-rw-r--r--node_modules/montage/ui/input-checkbox.reel/input-checkbox.html14
-rw-r--r--node_modules/montage/ui/input-checkbox.reel/input-checkbox.js25
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 */
7var 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 */
14exports.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