Merge branch 'Issue-fixes'

Conflicts: admin-style.css Fixed
weblab · Jul 8, 2014 · 38b88b2 · 38b88b2
2 parents 1c92807 + 211ac09
commit 38b88b2
Show file tree

Hide file tree

Showing 4 changed files with 409 additions and 66 deletions.
diff --git a/admin-style.css b/admin-style.css
@@ -18,6 +18,10 @@
 		padding:5px 0;
 		clear:left;
 		}
+		.slider-wrap a:focus{
+			outline:thin dotted;
+			outline-color: #2ea2cc;
+		}
 		.slider,
 		.sliderAddColumn {
 			float:left;
@@ -27,82 +31,64 @@
 			margin-right:15px;
 			}
 		.sliderAddColumn {
-			padding:1em 5px!important;
+			padding:0px!important;
 			height:auto!important;
 			}
 
 		.ui-slider-horizontal {
 			height: 3.5em!important;
 			background-color: #eeeeee!important;
 			background-image: linear-gradient(90deg, transparent 50%, rgba(255,255,255,.5) 50%)!important;
-			background-size: 25px 60px!important;
-
+			background-size: 20px 50px!important;
 			}
 		.ui-slider .ui-slider-handle {
-			width: .02em!important;
+			width: .01em!important;
 			height: 3.9em!important;
 			padding:0!important;
-
 			}
 			.ui-slider .ui-slider-handle:focus {
+				width: .05em!important;
 				height: 3.7em!important;
-				border: 2px solid #2ea2cc!important;
-			}
-			.ui-slider .ui-slider-handle:before{
-				content: "";
-				display:block;
-				position: relative;
-				top: -23px;
-				left: -13px;
-				width: 20px;
-				height: 20px;
-				margin-left: 3px;
-				border-radius: 3px;
-				background: grey;	
-				}
-
-			.ui-slider .ui-slider-handle:after{
-				content:"";
-				display:block;
-				position: absolute;
-				left:-5px;
-				top:-9px;
-				width:10px;
-				height: 10px;
-				background: grey;
-				transform: rotate(45deg) ;
-				-webkit-transform: rotate(-45deg) ;
-				-moz-transform: rotate(-45deg) ;
-				-o-transform: rotate(-45deg) ;
-				-ms-transform: rotate(-45deg) ;
-			}
-			.ui-slider .ui-slider-handle:focus:before{
-				content: "";
-				display:block;
-				position: relative;
-				top: -23px;
-				left: -13px;
-				width: 20px;
-				height: 20px;
-				margin-left: 3px;
-				border-radius: 3px;
-				background: #2ea2cc;	
-				}
-			.ui-slider .ui-slider-handle:focus:after{
-				content:"";
-				display:block;
-				position: absolute;
-				left:-5px;
-				top:-9px;
-				width:10px;
-				height: 10px;
-				background: #2ea2cc;
-				transform: rotate(45deg) ;
-				-webkit-transform: rotate(-45deg) ;
-				-moz-transform: rotate(-45deg) ;
-				-o-transform: rotate(-45deg) ;
-				-ms-transform: rotate(-45deg) ;
+				border: 1px solid #2ea2cc;
 				}
+				.ui-slider .ui-slider-handle:before{
+					content: "";
+					display:block;
+					position: relative;
+					top: -24px;
+					left: -13px;
+					width: 20px;
+					height: 20px;
+					margin-left: 3px;
+					border-radius: 3px;	
+					background: grey;
+					}
+					.ui-slider .ui-slider-handle:focus:before{
+						position: relative;
+						top: -24px;
+						left: -12px;
+						background: #2ea2cc;
+					}
+				.ui-slider .ui-slider-handle:after{
+					content: "";
+					display:block;
+					position: relative;
+					top: -24px;
+					left: -8px;
+					width: 0; 
+					height: 0; 
+					border-left: 8px solid transparent;
+					border-right: 8px solid transparent;
+					border-top: 8px solid grey;
+					}
+					.ui-slider .ui-slider-handle:focus:after{
+						position: relative;
+						top: -24px;
+						left: -7px;
+						border-left: 8px solid transparent;
+						border-right: 8px solid transparent;
+						border-top: 8px solid #2ea2cc;
+					}
 			.ui-slider .ui-slider-handle:hover {
 				cursor:-webkit-grab;
 				}
@@ -113,7 +99,7 @@
 			.ui-slider .ui-slider-handle:focus {
 				background-image:none;
 				background:#2ea2cc!important;
-				width:3px;
+				width:2px!important;
 				}
 	.wp-core-ui .button.sliderDeleteColumn {
 		background: #2ea2cc;
@@ -122,9 +108,12 @@
 		box-shadow: inset 0 1px 0 rgba(120,200,230,.5),0 1px 0 rgba(0,0,0,.15);
 		color: #fff;
 		}
-
-
-
+			.wp-core-ui .button.sliderDeleteColumn .dashicons-minus {
+				padding:4px;
+			}
+			 .wp-core-ui .button.sliderAddColumn .dashicons-plus{
+			 	padding: 14px 4px;
+			 }