aboutsummaryrefslogtreecommitdiff
path: root/js/components/tools-properties
diff options
context:
space:
mode:
Diffstat (limited to 'js/components/tools-properties')
-rwxr-xr-xjs/components/tools-properties/text-properties.reel/text-properties.css30
-rwxr-xr-xjs/components/tools-properties/text-properties.reel/text-properties.html326
-rwxr-xr-xjs/components/tools-properties/text-properties.reel/text-properties.js236
3 files changed, 136 insertions, 456 deletions
diff --git a/js/components/tools-properties/text-properties.reel/text-properties.css b/js/components/tools-properties/text-properties.reel/text-properties.css
index 6aa61812..d581c6c3 100755
--- a/js/components/tools-properties/text-properties.reel/text-properties.css
+++ b/js/components/tools-properties/text-properties.reel/text-properties.css
@@ -5,33 +5,29 @@
5 </copyright> */ 5 </copyright> */
6 6
7.optionsTextTool { 7.optionsTextTool {
8 padding: 6px; 8 display: -webkit-box;
9 -webkit-box-orient:horizontal;
10 -webkit-box-align: stretch;
11 padding: 5px;
9} 12}
10 13
11.optionsTextTool .btnGroup {
12 padding: 0px 8px;
13}
14 14
15.optionsTextTool > *, .optionsTextTool .btnGroup > * { 15.optionsTextTool > * {
16 float:left; 16 -webkit-box-flex:0;
17} 17}
18 18
19.optionsTextTool button { 19.optionsTextTool .button {
20 width: auto; 20 width: auto;
21 padding: 4px 8px !important; 21
22 margin-left:4px; 22}
23
24.optionsTextTool .hottextunit {
25 padding-top:5px;
23} 26}
24 27
25.optionsTextTool .label, .optionsTextTool .hottextunit { 28.optionsTextTool .label, .optionsTextTool .hottextunit {
29 float:none;
26 font-size:11px; 30 font-size:11px;
27} 31}
28 32
29.optionsTextTool .fontSelection {
30 width:100px;
31}
32 33
33.optionsTextTool .fontColor {
34 width: 20px;
35 height: 18px;
36 margin: 2px 6px;
37} \ No newline at end of file
diff --git a/js/components/tools-properties/text-properties.reel/text-properties.html b/js/components/tools-properties/text-properties.reel/text-properties.html
index 7ded1236..fb57c06d 100755
--- a/js/components/tools-properties/text-properties.reel/text-properties.html
+++ b/js/components/tools-properties/text-properties.reel/text-properties.html
@@ -33,8 +33,8 @@
33 "alignCenter": {"@": "alignCenter"}, 33 "alignCenter": {"@": "alignCenter"},
34 "alignRight": {"@": "alignRight"}, 34 "alignRight": {"@": "alignRight"},
35 "alignJustify": {"@": "alignJustify"}, 35 "alignJustify": {"@": "alignJustify"},
36 "indent": {"@": "indent"}, 36 "indentRight": {"@": "indentRight"},
37 "outdent": {"@": "outdent"}, 37 "indentLeft": {"@": "indentLeft"},
38 "numberedList": {"@": "numberedList"}, 38 "numberedList": {"@": "numberedList"},
39 "bulletedList": {"@": "bulletedList"} 39 "bulletedList": {"@": "bulletedList"}
40 } 40 }
@@ -57,16 +57,8 @@
57 "module": "js/components/combobox.reel", 57 "module": "js/components/combobox.reel",
58 "name": "Combobox", 58 "name": "Combobox",
59 "properties": { 59 "properties": {
60 "element": {"#": "fontSelection"}, 60 "element": {"#": "fontSelection"}
61 "identifier": "fontSelection" 61 }
62 },
63 "listeners": [
64 {
65 "type": "change",
66 "listener": {"@": "owner"}
67 }
68 ]
69
70 }, 62 },
71 "fontSettings": { 63 "fontSettings": {
72 "module": "js/components/button.reel", 64 "module": "js/components/button.reel",
@@ -77,226 +69,131 @@
77 }, 69 },
78 70
79 "fontSize": { 71 "fontSize": {
80 "module": "js/components/combobox.reel", 72 "module": "js/components/hottextunit.reel",
81 "name": "Combobox", 73 "name": "HotTextUnit",
82 "properties": { 74 "properties": {
83 "element": {"#": "fontSize"}, 75 "element": {"#": "fontSize"}
84 "identifier": "fontSize" 76 }
85 }, 77 },
86 "listeners": [
87 {
88 "type": "change",
89 "listener": {"@": "owner"}
90 }
91 ]
92 78
79 "fontColor": {
80 "module": "js/components/button.reel",
81 "name": "Button",
82 "properties": {
83 "element": {"#": "fontColor"}
84 }
93 }, 85 },
94
95 "btnBold": { 86 "btnBold": {
96 "module": "montage/ui/toggle-button.reel", 87 "module": "js/components/button.reel",
97 "name": "ToggleButton", 88 "name": "Button",
98 "properties": { 89 "properties": {
99 "element": {"#": "btnBold"}, 90 "element": {"#": "btnBold"},
100 "pressedClass": "active", 91 "_isToggleButton": true
101 "preventFocus": true, 92 }
102 "identifier": "btnBold",
103 "label": "B"
104 },
105 "listeners": [
106 {
107 "type": "action",
108 "listener": {"@": "owner"}
109 }
110 ]
111 }, 93 },
112 "btnItalic": { 94 "btnItalic": {
113 "module": "montage/ui/toggle-button.reel", 95 "module": "js/components/button.reel",
114 "name": "ToggleButton", 96 "name": "Button",
115 "properties": { 97 "properties": {
116 "element": {"#": "btnItalic"}, 98 "element": {"#": "btnItalic"},
117 "pressedClass": "active", 99 "_isToggleButton": true
118 "preventFocus": true, 100 }
119 "identifier": "btnItalic",
120 "label": "I"
121 },
122 "listeners": [
123 {
124 "type": "action",
125 "listener": {"@": "owner"}
126 }
127 ]
128 }, 101 },
129 "btnUnderline": { 102 "btnUnderline": {
130 "module": "montage/ui/toggle-button.reel", 103 "module": "js/components/button.reel",
131 "name": "ToggleButton", 104 "name": "Button",
132 "properties": { 105 "properties": {
133 "element": {"#": "btnUnderline"}, 106 "element": {"#": "btnUnderline"},
134 "pressedClass": "active", 107 "_isToggleButton": true
135 "preventFocus": true, 108 }
136 "identifier": "btnUnderline",
137 "label": "U"
138 },
139 "listeners": [
140 {
141 "type": "action",
142 "listener": {"@": "owner"}
143 }
144 ]
145 }, 109 },
146 "btnStrikethrough": { 110 "btnStrikethrough": {
147 "module": "montage/ui/toggle-button.reel", 111 "module": "js/components/button.reel",
148 "name": "ToggleButton", 112 "name": "Button",
149 "properties": { 113 "properties": {
150 "element": {"#": "btnStrikethrough"}, 114 "element": {"#": "btnStrikethrough"},
151 "pressedClass": "active", 115 "_isToggleButton": true
152 "preventFocus": true, 116 }