From 7615da5c6ba54bd082eac4b8a6d9196084e5c590 Mon Sep 17 00:00:00 2001 From: Jose Antonio Marquez Date: Wed, 20 Jun 2012 16:45:29 -0700 Subject: Adding transparent background to color chip buttons Add a transparent pattern to the background of color chips consumed in the app, this way you can preview colors in alpha. This was lost, just added back again. Not a big change, just minor CSS, so should only be quickly tested prior to merge. --- .../tools-properties/brush-properties.reel/brush-properties.html | 2 +- .../tools-properties/fill-properties.reel/fill-properties.html | 2 +- .../ink-bottle-properties.reel/ink-bottle-properties.html | 2 +- .../tools-properties/pen-properties.reel/pen-properties.html | 4 ++-- .../tools-properties/shape-properties.reel/shape-properties.html | 4 ++-- .../tools-properties/tag-properties.reel/tag-properties.html | 2 +- .../tools-properties/text-properties.reel/text-properties.css | 4 ++-- .../tools-properties/text-properties.reel/text-properties.html | 2 +- 8 files changed, 11 insertions(+), 11 deletions(-) (limited to 'js/components') diff --git a/js/components/tools-properties/brush-properties.reel/brush-properties.html b/js/components/tools-properties/brush-properties.reel/brush-properties.html index 7d99a42a..8753e921 100755 --- a/js/components/tools-properties/brush-properties.reel/brush-properties.html +++ b/js/components/tools-properties/brush-properties.reel/brush-properties.html @@ -82,7 +82,7 @@
-
+
 
diff --git a/js/components/tools-properties/fill-properties.reel/fill-properties.html b/js/components/tools-properties/fill-properties.reel/fill-properties.html index ca447b8b..a479dbda 100755 --- a/js/components/tools-properties/fill-properties.reel/fill-properties.html +++ b/js/components/tools-properties/fill-properties.reel/fill-properties.html @@ -66,7 +66,7 @@
-
+
 
diff --git a/js/components/tools-properties/ink-bottle-properties.reel/ink-bottle-properties.html b/js/components/tools-properties/ink-bottle-properties.reel/ink-bottle-properties.html index 5620eed8..41c55bc0 100755 --- a/js/components/tools-properties/ink-bottle-properties.reel/ink-bottle-properties.html +++ b/js/components/tools-properties/ink-bottle-properties.reel/ink-bottle-properties.html @@ -151,7 +151,7 @@
-
+
 
diff --git a/js/components/tools-properties/pen-properties.reel/pen-properties.html b/js/components/tools-properties/pen-properties.reel/pen-properties.html index adb5cd7d..c77ac660 100755 --- a/js/components/tools-properties/pen-properties.reel/pen-properties.html +++ b/js/components/tools-properties/pen-properties.reel/pen-properties.html @@ -51,9 +51,9 @@
 
-
+
-
+
 
diff --git a/js/components/tools-properties/shape-properties.reel/shape-properties.html b/js/components/tools-properties/shape-properties.reel/shape-properties.html index ea246ea8..22ea7431 100755 --- a/js/components/tools-properties/shape-properties.reel/shape-properties.html +++ b/js/components/tools-properties/shape-properties.reel/shape-properties.html @@ -135,9 +135,9 @@
 
-
+
-
+
 
diff --git a/js/components/tools-properties/tag-properties.reel/tag-properties.html b/js/components/tools-properties/tag-properties.reel/tag-properties.html index 87f87aff..082384db 100755 --- a/js/components/tools-properties/tag-properties.reel/tag-properties.html +++ b/js/components/tools-properties/tag-properties.reel/tag-properties.html @@ -48,7 +48,7 @@
 
-
+
 
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 218105a7..586cdcd5 100755 --- a/js/components/tools-properties/text-properties.reel/text-properties.css +++ b/js/components/tools-properties/text-properties.reel/text-properties.css @@ -39,7 +39,7 @@ width: 160px; } -.optionsTextTool .toolColorChipCtrl { - margin-left: 6px; +.fontColorChipContainer { + margin-left: 10px !important; margin-right: 0px; } \ 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 e7fafd0d..f47ca0c8 100755 --- a/js/components/tools-properties/text-properties.reel/text-properties.html +++ b/js/components/tools-properties/text-properties.reel/text-properties.html @@ -290,7 +290,7 @@ -
+
-- cgit v1.2.3 From 4b186e0c3f97f704d1ac671a63cd02084e19fe0e Mon Sep 17 00:00:00 2001 From: Jose Antonio Marquez Date: Thu, 21 Jun 2012 12:51:14 -0700 Subject: Fixing reference issue for toolbar fill container The wrapper container was not being referenced, caused some toggling visibility issues. --- .../tools-properties/shape-properties.reel/shape-properties.html | 3 ++- .../tools-properties/shape-properties.reel/shape-properties.js | 8 ++++---- 2 files changed, 6 insertions(+), 5 deletions(-) (limited to 'js/components') diff --git a/js/components/tools-properties/shape-properties.reel/shape-properties.html b/js/components/tools-properties/shape-properties.reel/shape-properties.html index 22ea7431..5f93b556 100755 --- a/js/components/tools-properties/shape-properties.reel/shape-properties.html +++ b/js/components/tools-properties/shape-properties.reel/shape-properties.html @@ -112,6 +112,7 @@ "_fillColorCtrlIcon": {"#": "fillColorCtrlIcon"}, "_fillColorCtrl": {"#": "fillColorCtrl"}, "_strokeColorCtrl": {"#": "strokeColorCtrl"}, + "_fillColorCtrlContainer": {"#": "fillColorCtrlContainer"}, "_strokeSize": {"@": "_strokeSize1"}, "ovalProperties": {"@": "ovalProperties1"}, @@ -137,7 +138,7 @@
-
+
 
diff --git a/js/components/tools-properties/shape-properties.reel/shape-properties.js b/js/components/tools-properties/shape-properties.reel/shape-properties.js index 5829634c..7306275a 100755 --- a/js/components/tools-properties/shape-properties.reel/shape-properties.js +++ b/js/components/tools-properties/shape-properties.reel/shape-properties.js @@ -179,14 +179,14 @@ var ShapeProperties = exports.ShapeProperties = Montage.create(ToolProperties, { this[this._selectedSubTool.properties].visible = true; if (this._selectedSubTool.id === "LineTool") { - this._fillColorCtrl.style["display"] = "none"; - this._fillColorCtrl.visible = false; + this._fillColorCtrlContainer.style["display"] = "none"; + this._fillColorCtrlContainer.visible = false; this._fillColorCtrlIcon.style["display"] = "none"; this._fillColorCtrlIcon.visible = false; this.endDivider.style["display"] = "none"; } else { - this._fillColorCtrl.style["display"] = ""; - this._fillColorCtrl.visible = true; + this._fillColorCtrlContainer.style["display"] = ""; + this._fillColorCtrlContainer.visible = true; this._fillColorCtrlIcon.style["display"] = ""; this._fillColorCtrlIcon.visible = true; this.endDivider.style["display"] = ""; -- cgit v1.2.3