From 52f63541065ce94fab8766b1b0db057eafcfccaa Mon Sep 17 00:00:00 2001
From: John Mayhew
Date: Mon, 14 May 2012 14:57:07 -0700
Subject: -changed tool options radio button class to match the styling of the
 shape options tool buttons

-fixed bug injected in the tag tool caused by accidental removal of the value element attribute
-moved color chip in the tag tool to the right of the element radio button group
---
 scss/imports/scss/_Tools.scss   | 38 ++++++++++++++------------------------
 scss/imports/scss/_toolbar.scss |  2 +-
 2 files changed, 15 insertions(+), 25 deletions(-)

(limited to 'scss/imports')

diff --git a/scss/imports/scss/_Tools.scss b/scss/imports/scss/_Tools.scss
index 1813fb14..a4deb488 100755
--- a/scss/imports/scss/_Tools.scss
+++ b/scss/imports/scss/_Tools.scss
@@ -54,43 +54,33 @@
 
 // generic styles for image radio button groups used in the tool options bar
 .subToolHolderPanel input.toolOptsRadioButton {
-	background: none;
-	width: 20px;
-	height: 20px;
-	display: block;
-	margin: 0px;
+	width: 24px;
+	height: 24px;
+	margin: 0px 5px 0px 0px;
 	padding: 0px;
-	margin-right: 5px;
-	margin-top: 0px;
-	background-repeat: no-repeat;
-	opacity: 0.8;
-	text-indent: -9999px;
 	cursor: pointer;
-	-webkit-border-radius: 3px;
+	border-radius: 3px;
 	-webkit-user-select: none;
 	border: 1px solid transparent;
-	background-position: 1px 1px;
-}
-
-.subToolHolderPanel input.toolOptsRadioButton:active {
-	border: 1px solid transparent;
+	background: none;
+	background-repeat: no-repeat;
+	background-position: center center;
+	-webkit-transform: scale(0.9);
 }
 
 .subToolHolderPanel input.toolOptsRadioButton:hover {
-	opacity: 1.0;
-	-webkit-box-shadow: 0px 0px 4px #fff;
+	box-shadow:  0px 0px 2px 2px #999;
+    -webkit-transform: scale(1);
 }
 
 .subToolHolderPanel input.toolOptsRadioButton:checked {
-	background-color: $color-tool-bg-active;
-	opacity: 1.0;
-	cursor: default;
-	-webkit-box-shadow: none;
+    box-shadow: inset 0px 0px 2px 2px #999;
+    background-color:#363636;
+	background-position: center center;
 	background-repeat: no-repeat;
-	background-position: 1px 1px;
+    -webkit-transform: scale(1);
 }
 
-
 //  Added new styling Sub Tool Shape Options 
 .textBox {
 
diff --git a/scss/imports/scss/_toolbar.scss b/scss/imports/scss/_toolbar.scss
index d2e2f766..9440fa85 100755
--- a/scss/imports/scss/_toolbar.scss
+++ b/scss/imports/scss/_toolbar.scss
@@ -53,7 +53,7 @@
 }
 
 .toolbutton.active {
-    box-shadow: inset 0px 0px 2px 2px #555;
+    box-shadow: inset 0px 0px 2px 2px #999;
     background-color:#363636;
 }
 
-- 
cgit v1.2.3