From 1a759361b82127f9d5c1428dc889fffdf2daaf86 Mon Sep 17 00:00:00 2001
From: John Mayhew
Date: Thu, 3 May 2012 15:11:56 -0700
Subject: First round of moving color chips into the sub tools. Shape and Pen
 tool now have chips in the sub tool bar. Still need to complete adding chips
 to the Brush tool and finalizing the subtool bar layout to our spec for all
 of the subtools.

---
 .../tools-properties/text-properties.reel/text-properties.html        | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'js/components/tools-properties/text-properties.reel/text-properties.html')

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..23de2bca 100755
--- a/js/components/tools-properties/text-properties.reel/text-properties.html
+++ b/js/components/tools-properties/text-properties.reel/text-properties.html
@@ -21,7 +21,7 @@
                     "fontSelection": {"@": "fontSelection"},
                     "fontSettings": {"@": "fontSettings"},
                     "fontSize": {"@": "fontSize"},
-                    "fontColor": {"@": "fontColor"},
+                    "fontColor": {"#": "fontColorCtrl"},
                     "btnBold": {"@": "btnBold"},
                     "btnItalic": {"@": "btnItalic"},
                     "btnUnderline": {"@": "btnUnderline"},
@@ -306,7 +306,7 @@
             <button id="fontSettings" style="display: none"></button>
             <label class="label">Size:</label>
             <select id="fontSize" class="nj-skinned"></select>
-            <div class="fontColor"></div>
+            <div data-montage-id="fontColorCtrl" class="fontColor"></div>
             <div class="btnGroup">
                 <button id="btnBold" class="btnBold nj-skinned" style="font-weight:bold"></button>
                 <button id="btnItalic" class="btnItalic nj-skinned" style="font-style: italic;"></button>
-- 
cgit v1.2.3


From 67e39072da76ac79955e8c2c001e17b01311d313 Mon Sep 17 00:00:00 2001
From: John Mayhew
Date: Tue, 15 May 2012 17:07:22 -0700
Subject: -added new images for the text tool options

-simplified text options CSS
-fixed styling to accommodate new images
---
 .../text-properties.reel/text-properties.html      | 54 +++++++++++-----------
 1 file changed, 27 insertions(+), 27 deletions(-)

(limited to 'js/components/tools-properties/text-properties.reel/text-properties.html')

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 8839ae94..725e1d22 100755
--- a/js/components/tools-properties/text-properties.reel/text-properties.html
+++ b/js/components/tools-properties/text-properties.reel/text-properties.html
@@ -160,8 +160,8 @@
                     "pressedClass": "active",
                     "preventFocus": true,
                     "identifier": "alignLeft",
-                    "pressedLabel": "Left",
-                    "unpressedLabel": "Left"
+                    "pressedLabel": "",
+                    "unpressedLabel": ""
                 },
                 "listeners": [
                     {
@@ -177,8 +177,8 @@
                     "pressedClass": "active",
                     "preventFocus": true,
                     "identifier": "alignCenter",
-                    "pressedLabel": "Center",
-                    "unpressedLabel": "Center"
+                    "pressedLabel": "",
+                    "unpressedLabel": ""
                 },
                 "listeners": [
                     {
@@ -194,8 +194,8 @@
                     "pressedClass": "active",
                     "preventFocus": true,
                     "identifier": "alignRight",
-                    "pressedLabel": "Right",
-                    "unpressedLabel": "Right"
+                    "pressedLabel": "",
+                    "unpressedLabel": ""
                 },
                 "listeners": [
                     {
@@ -211,8 +211,8 @@
                     "pressedClass": "active",
                     "preventFocus": true,
                     "identifier": "alignJustify",
-                    "pressedLabel": "Justify",
-                    "unpressedLabel": "Justify"
+                    "pressedLabel": "",
+                    "unpressedLabel": ""
                 },
                 "listeners": [
                     {
@@ -294,36 +294,36 @@
     </head>
 
     <body>
-        <div data-montage-id="textProperties" class="subToolHolderPanel optionsTextTool">
+        <div data-montage-id="textProperties" class="subToolHolderPanel optionsTextTool toolOptionsFloatChildren">
             <label class="label" style="display: none">Class:</label>
             <input data-montage-id="className" style="display: none" />
             <label class="label" style="display: none">Tag:</label>
             <select data-montage-id="tagType" style="display: none"></select>
-            <label class="label">Font:</label>
+            <label class="label overrideMargin">Font:</label>
             <select data-montage-id="fontSelection" class="nj-skinned fontSelection"></select>
             <button data-montage-id="fontSettings" style="display: none"></button>
             <label class="label">Size:</label>
             <select data-montage-id="fontSize" class="nj-skinned"></select>
-            <div data-montage-id="fontColorCtrl" class="fontColor"></div>
-            <div class="btnGroup">
-                <button data-montage-id="btnBold" class="btnBold nj-skinned" style="font-weight:bold"></button>
-                <button data-montage-id="btnItalic" class="btnItalic nj-skinned" style="font-style: italic;"></button>
-                <button data-montage-id="btnUnderline" class="btnUnderline nj-skinned" style="text-decoration: underline;"></button>
-                <button data-montage-id="btnStrikethrough" class="btnStriketrough nj-skinned" style="text-decoration: line-through;"></button>
+            <div data-montage-id="fontColorCtrl" class="toolColorChipCtrl"></div>
+            <div class="btnGroup toolOptionsFloatChildren">
+                <button data-montage-id="btnBold" class="btnBold nj-skinned textButton" style="font-weight:bold" title="Bold"></button>
+                <button data-montage-id="btnItalic" class="btnItalic nj-skinned textButton" style="font-style: italic;"></button>
+                <button data-montage-id="btnUnderline" class="btnUnderline nj-skinned textButton" style="text-decoration: underline;"></button>
+                <button data-montage-id="btnStrikethrough" class="btnStriketrough nj-skinned textButton" style="text-decoration: line-through;"></button>
             </div>
-            <div class="btnGroup">
-                <button data-montage-id="alignLeft" class="nj-skinned"></button>
-                <button data-montage-id="alignCenter" class="nj-skinned"></button>
-                <button data-montage-id="alignRight" class="nj-skinned"></button>
-                <button data-montage-id="alignJustify" class="nj-skinned"></button>
+            <div class="btnGroup toolOptionsFloatChildren">
+                <button data-montage-id="alignLeft" class="nj-skinned imageButton"><img src="../../../../images/optionsbar/text/AlignLeft.png" class="unselectable"/></button>
+                <button data-montage-id="alignCenter" class="nj-skinned imageButton"><img src="../../../../images/optionsbar/text/AlignCenter.png"  class="unselectable"/></button>
+                <button data-montage-id="alignRight" class="nj-skinned imageButton"><img src="../../../../images/optionsbar/text/AlignRight.png"  class="unselectable"/></button>
+                <button data-montage-id="alignJustify" class="nj-skinned imageButton"><img src="../../../../images/optionsbar/text/AlignJustified.png"  class="unselectable"/></button>
             </div>
-            <div class="btnGroup">
-                <button data-montage-id="indent" class="nj-skinned"></button>
-                <button data-montage-id="outdent" class="nj-skinned"></button>
+            <div class="btnGroup toolOptionsFloatChildren">
+                <button data-montage-id="indent" class="nj-skinned textButton"></button>
+                <button data-montage-id="outdent" class="nj-skinned textButton"></button>
             </div>
-            <div class="btnGroup">
-                <button data-montage-id="bulletedList" class="nj-skinned"></button>
-                <button data-montage-id="numberedList" class="nj-skinned"></button>
+            <div class="btnGroup toolOptionsFloatChildren">
+                <button data-montage-id="bulletedList" class="nj-skinned imageButton"><img src="../../../../images/optionsbar/text/BulletedList.png" /></button>
+                <button data-montage-id="numberedList" class="nj-skinned imageButton"><img src="../../../../images/optionsbar/text/NumberedList.png" /></button>
             </div>
         </div>
     </body>
-- 
cgit v1.2.3