use an svg handle

googlearchive · Jun 6, 2014 · 4baf3f4 · 4baf3f4
1 parent 6bca4c6
commit 4baf3f4
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 5 deletions.
diff --git a/core-splitter.css b/core-splitter.css
@@ -9,17 +9,17 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
 
 :host {
   display: block;
-  width: 10px;
-  background: #efefef url(handle.png) no-repeat center;
+  width: 12px;
+  background: #efefef url(handle.svg) no-repeat center;
   box-shadow: inset 0 0 2px 1px #ccc;
   cursor: col-resize;
 }
 
 :host(.horizontal) {
   width: auto;
-  height: 10px;
+  height: 12px;
   cursor: row-resize;
-  background-image: url(handle_horiz.png);
+  background-image: url(handle-h.svg);
 }
 
 :host(:hover, :active) {

diff --git a/demo.html b/demo.html
@@ -45,7 +45,6 @@
 
 </head>
 <body unresolved>
-
   <div class="container" horizontal layout>
     <div id="box1">left</div>
     <core-splitter direction="left"></core-splitter>

diff --git a/handle-h.svg b/handle-h.svg
diff --git a/handle.png b/handle.png
diff --git a/handle.svg b/handle.svg
diff --git a/handle_horiz.png b/handle_horiz.png