aboutsummaryrefslogtreecommitdiff
path: root/node_modules/montage/ui/input-text.reel
diff options
context:
space:
mode:
Diffstat (limited to 'node_modules/montage/ui/input-text.reel')
-rw-r--r--node_modules/montage/ui/input-text.reel/input-text.css41
-rw-r--r--node_modules/montage/ui/input-text.reel/input-text.html14
-rw-r--r--node_modules/montage/ui/input-text.reel/input-text.js24
3 files changed, 79 insertions, 0 deletions
diff --git a/node_modules/montage/ui/input-text.reel/input-text.css b/node_modules/montage/ui/input-text.reel/input-text.css
new file mode 100644
index 00000000..146371d5
--- /dev/null
+++ b/node_modules/montage/ui/input-text.reel/input-text.css
@@ -0,0 +1,41 @@
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-inputText {
8 outline: none;
9 box-sizing: border-box;
10 font-size: 12px;
11 width: 20em;
12 height: 2.5em;
13 padding: 0.5em;
14 vertical-align: middle;
15 border: 1px solid #b3b3b3;
16 border-radius: 3px;
17 background-color: #fff;
18}
19
20.montage-inputText:hover {
21 border-color: #ccc;
22}
23
24.montage-inputText:focus {
25 border-color: #7f7f7f;
26}
27
28.montage-inputText:invalid {
29 border: 1px dashed #E73525;
30}
31
32.montage-inputText[disabled] {
33 opacity: .4;
34}
35
36.montage-inputText[readonly] {
37 background-color: #e5e5e5;
38}
39.montage-inputText[readonly]:hover {
40 border-color: #b3b3b3;
41} \ No newline at end of file
diff --git a/node_modules/montage/ui/input-text.reel/input-text.html b/node_modules/montage/ui/input-text.reel/input-text.html
new file mode 100644
index 00000000..3108c136
--- /dev/null
+++ b/node_modules/montage/ui/input-text.reel/input-text.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-text.css">
11</head>
12<body>
13</body>
14</html> \ No newline at end of file
diff --git a/node_modules/montage/ui/input-text.reel/input-text.js b/node_modules/montage/ui/input-text.reel/input-text.js
new file mode 100644
index 00000000..36769921
--- /dev/null
+++ b/node_modules/montage/ui/input-text.reel/input-text.js
@@ -0,0 +1,24 @@
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 NativeInputText = require("ui/native/input-text.reel").InputText;
10
11/**
12 * Input Text
13 */
14exports.InputText = Montage.create(NativeInputText, {
15
16 hasTemplate: {value: true},
17
18 didSetElement: {
19 value: function() {
20 NativeInputText.didSetElement.call(this);
21 this['class'] = (this['class'] || '') + ' montage-inputText';
22 }
23 }
24}); \ No newline at end of file