aboutsummaryrefslogtreecommitdiff
path: root/js/components/tools-properties/text-properties.reel
diff options
context:
space:
mode:
Diffstat (limited to 'js/components/tools-properties/text-properties.reel')
-rwxr-xr-xjs/components/tools-properties/text-properties.reel/text-properties.css28
-rwxr-xr-xjs/components/tools-properties/text-properties.reel/text-properties.html68
-rwxr-xr-xjs/components/tools-properties/text-properties.reel/text-properties.js1
3 files changed, 49 insertions, 48 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 f7bb8295..218105a7 100755
--- a/js/components/tools-properties/text-properties.reel/text-properties.css
+++ b/js/components/tools-properties/text-properties.reel/text-properties.css
@@ -5,7 +5,10 @@
5 </copyright> */ 5 </copyright> */
6 6
7.optionsTextTool { 7.optionsTextTool {
8 padding: 6px; 8}
9
10.optionsTextTool .overrideMargin{
11 margin-left: 0px;
9} 12}
10 13
11.optionsTextTool .btnGroup { 14.optionsTextTool .btnGroup {
@@ -16,26 +19,27 @@
16 margin: 2px; 19 margin: 2px;
17} 20}
18 21
19.optionsTextTool > *, .optionsTextTool .btnGroup > * { 22.optionsTextTool .btnGroup .textButton {
20 float:left; 23 width: auto;
24 padding: 4px 8px;
25 margin-left: 0px;
21} 26}
22 27
23.optionsTextTool button { 28.optionsTextTool .btnGroup .imageButton {
24 width: auto; 29 padding-top: 2px;
25 padding: 4px 8px !important; 30 height: 22px;
26 margin-left:4px;
27} 31}
28 32
29.optionsTextTool .label, .optionsTextTool .hottextunit { 33.optionsTextTool .label, .optionsTextTool .hottextunit {
30 font-size:11px; 34 font-size:11px;
35 margin-top: 1px;
31} 36}
32 37
33.optionsTextTool .fontSelection { 38.optionsTextTool .fontSelection {
34 width:100px; 39 width: 160px;
35} 40}
36 41
37.optionsTextTool .fontColor { 42.optionsTextTool .toolColorChipCtrl {
38 width: 20px; 43 margin-left: 6px;
39 height: 18px; 44 margin-right: 0px;
40 margin: 2px 6px;
41} \ No newline at end of file 45} \ 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 03786d76..725e1d22 100755
--- a/js/components/tools-properties/text-properties.reel/text-properties.html
+++ b/js/components/tools-properties/text-properties.reel/text-properties.html
@@ -21,13 +21,11 @@
21 "fontSelection": {"@": "fontSelection"}, 21 "fontSelection": {"@": "fontSelection"},
22 "fontSettings": {"@": "fontSettings"}, 22 "fontSettings": {"@": "fontSettings"},
23 "fontSize": {"@": "fontSize"}, 23 "fontSize": {"@": "fontSize"},
24 "fontColor": {"@": "fontColor"}, 24 "fontColor": {"#": "fontColorCtrl"},
25 "btnBold": {"@": "btnBold"}, 25 "btnBold": {"@": "btnBold"},
26 "btnItalic": {"@": "btnItalic"}, 26 "btnItalic": {"@": "btnItalic"},
27 "btnUnderline": {"@": "btnUnderline"}, 27 "btnUnderline": {"@": "btnUnderline"},
28 "btnStrikethrough": {"@": "btnStrikethrough"}, 28 "btnStrikethrough": {"@": "btnStrikethrough"},
29 "txtLink": {"@": "txtLink"},
30 "linkTarget": {"@": "linkTarget"},
31 "alignLeft": {"@": "alignLeft"}, 29 "alignLeft": {"@": "alignLeft"},
32 "alignCenter": {"@": "alignCenter"}, 30 "alignCenter": {"@": "alignCenter"},
33 "alignRight": {"@": "alignRight"}, 31 "alignRight": {"@": "alignRight"},
@@ -162,8 +160,8 @@
162 "pressedClass": "active", 160 "pressedClass": "active",
163 "preventFocus": true, 161 "preventFocus": true,
164 "identifier": "alignLeft", 162 "identifier": "alignLeft",
165 "pressedLabel": "Left", 163 "pressedLabel": "",
166 "unpressedLabel": "Left" 164 "unpressedLabel": ""
167 }, 165 },
168 "listeners": [ 166 "listeners": [
169 { 167 {
@@ -179,8 +177,8 @@
179 "pressedClass": "active", 177 "pressedClass": "active",
180 "preventFocus": true, 178 "preventFocus": true,
181 "identifier": "alignCenter", 179 "identifier": "alignCenter",
182 "pressedLabel": "Center", 180 "pressedLabel": "",
183 "unpressedLabel": "Center" 181 "unpressedLabel": ""
184 }, 182 },
185 "listeners": [ 183 "listeners": [
186 { 184 {
@@ -196,8 +194,8 @@
196 "pressedClass": "active", 194 "pressedClass": "active",
197 "preventFocus": true, 195 "preventFocus": true,
198 "identifier": "alignRight", 196 "identifier": "alignRight",
199 "pressedLabel": "Right", 197 "pressedLabel": "",
200 "unpressedLabel": "Right" 198 "unpressedLabel": ""
201 }, 199 },
202 "listeners": [ 200 "listeners": [
203 { 201 {
@@ -213,8 +211,8 @@
213 "pressedClass": "active", 211 "pressedClass": "active",
214 "preventFocus": true, 212 "preventFocus": true,
215 "identifier": "alignJustify", 213 "identifier": "alignJustify",
216 "pressedLabel": "Justify", 214 "pressedLabel": "",
217 "unpressedLabel": "Justify" 215 "unpressedLabel": ""
218 }, 216 },
219 "listeners": [ 217 "listeners": [
220 { 218 {
@@ -296,36 +294,36 @@
296 </head> 294 </head>
297 295
298 <body> 296 <body>
299 <div id="textProperties" class="subToolHolderPanel optionsTextTool"> 297 <div data-montage-id="textProperties" class="subToolHolderPanel optionsTextTool toolOptionsFloatChildren">
300 <label class="label" style="display: none">Class:</label> 298 <label class="label" style="display: none">Class:</label>
301 <input id="className" style="display: none" /> 299 <input data-montage-id="className" style="display: none" />
302 <label class="label" style="display: none">Tag:</label> 300 <label class="label" style="display: none">Tag:</label>
303 <select id="tagType" style="display: none"></select> 301 <select data-montage-id="tagType" style="display: none"></select>
304 <label class="label">Font:</label> 302 <label class="label overrideMargin">Font:</label>
305 <select id="fontSelection" class="nj-skinned fontSelection"></select> 303 <select data-montage-id="fontSelection" class="nj-skinned fontSelection"></select>
306 <button id="fontSettings" style="display: none"></button> 304 <button data-montage-id="fontSettings" style="display: none"></button>
307 <label class="label">Size:</label> 305 <label class="label">Size:</label>
308 <select id="fontSize" class="nj-skinned"></select> 306 <select data-montage-id="fontSize" class="nj-skinned"></select>
309 <div class="fontColor"></div> 307 <div data-montage-id="fontColorCtrl" class="toolColorChipCtrl"></div>
310 <div class="btnGroup"> 308 <div class="btnGroup toolOptionsFloatChildren">
311 <button id="btnBold" class="btnBold nj-skinned" style="font-weight:bold"></button> 309 <button data-montage-id="btnBold" class="btnBold nj-skinned textButton" style="font-weight:bold" title="Bold"></button>
312 <button id="btnItalic" class="btnItalic nj-skinned" style="font-style: italic;"></button> 310 <button data-montage-id="btnItalic" class="btnItalic nj-skinned textButton" style="font-style: italic;"></button>
313 <button id="btnUnderline" class="btnUnderline nj-skinned" style="text-decoration: underline;"></button> 311 <button data-montage-id="btnUnderline" class="btnUnderline nj-skinned textButton" style="text-decoration: underline;"></button>
314 <button id="btnStrikethrough" class="btnStriketrough nj-skinned" style="text-decoration: line-through;"></button> 312 <button data-montage-id="btnStrikethrough" class="btnStriketrough nj-skinned textButton" style="text-decoration: line-through;"></button>
315 </div> 313 </div>
316 <div class="btnGroup"> 314 <div class="btnGroup toolOptionsFloatChildren">
317 <button id="alignLeft" class="nj-skinned"></button> 315 <button data-montage-id="alignLeft" class="nj-skinned imageButton"><img src="../../../../images/optionsbar/text/AlignLeft.png" class="unselectable"/></button>
318 <button id="alignCenter" class="nj-skinned"></button> 316 <button data-montage-id="alignCenter" class="nj-skinned imageButton"><img src="../../../../images/optionsbar/text/AlignCenter.png" class="unselectable"/></button>
319 <button id="alignRight" class="nj-skinned"></button> 317 <button data-montage-id="alignRight" class="nj-skinned imageButton"><img src="../../../../images/optionsbar/text/AlignRight.png" class="unselectable"/></button>
320 <button id="alignJustify" class="nj-skinned"></button> 318 <button data-montage-id="alignJustify" class="nj-skinned imageButton"><img src="../../../../images/optionsbar/text/AlignJustified.png" class="unselectable"/></button>
321 </div> 319 </div>
322 <div class="btnGroup"> 320 <div class="btnGroup toolOptionsFloatChildren">
323 <button id="indent" class="nj-skinned"></button> 321 <button data-montage-id="indent" class="nj-skinned textButton"></button>
324 <button id="outdent" class="nj-skinned"></button> 322 <button data-montage-id="outdent" class="nj-skinned textButton"></button>
325 </div> 323 </div>
326 <div class="btnGroup"> 324 <div class="btnGroup toolOptionsFloatChildren">
327 <button id="bulletedList" class="nj-skinned"></button> 325 <button data-montage-id="bulletedList" class="nj-skinned imageButton"><img src="../../../../images/optionsbar/text/BulletedList.png" /></button>
328 <button id="numberedList" class="nj-skinned"></button> 326 <button data-montage-id="numberedList" class="nj-ski