From 74cfe6d1af4dac2566828cef0f97daa41d48b18a Mon Sep 17 00:00:00 2001
From: Arpad Csanyi <csarpad@gmail.com>
Date: Fri, 25 Mar 2016 23:32:52 +0100
Subject: [PATCH] Close #20 by removing drag handles.

---
 css/app.css                    |  18 ------------------
 images/grips/vertical.png      | Bin 91 -> 0 bytes
 images/grips/vertical_dark.png | Bin 164 -> 0 bytes
 index.html                     |   9 ++++-----
 sass/app.scss                  |  29 -----------------------------
 5 files changed, 4 insertions(+), 52 deletions(-)
 delete mode 100644 images/grips/vertical.png
 delete mode 100644 images/grips/vertical_dark.png

diff --git a/css/app.css b/css/app.css
index 5757e715..9ee265aa 100644
--- a/css/app.css
+++ b/css/app.css
@@ -117,24 +117,6 @@ ul {
       max-width: 100%;
       width: 98%; }
 
-.grip {
-  position: relative; }
-  .grip:before {
-    content: '';
-    display: none;
-    width: 5px;
-    height: 20px;
-    background-image: url(../images/grips/vertical_dark.png);
-    background-repeat: no-repeat;
-    position: absolute;
-    top: 50%;
-    left: 7px;
-    margin-top: -10px; }
-  .grip.btn-primary:before {
-    background-image: url(../images/grips/vertical.png); }
-  .grip:hover:before {
-    display: block; }
-
 .key-editor__popup {
   border: none;
   width: 0px;
diff --git a/images/grips/vertical.png b/images/grips/vertical.png
deleted file mode 100644
index 0ac8fa1e03fd46c25f1b22ad9eac95b825edbf91..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 91
zcmeAS@N?(olHy`uVBq!ia0vp^tUxTs!3HFs)Lq#Nq?9~e978mMlP!v$ov9aKV`7t-
p&A3{jqq%P*ci$|_EVVde#<~+X&uyMGX&+EEgQu&X%Q~loCIHDl8R-B3

diff --git a/images/grips/vertical_dark.png b/images/grips/vertical_dark.png
deleted file mode 100644
index 1b5070d96029e44a21f5c23f1f5f5884e115e872..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 164
zcmeAS@N?(olHy`uVBq!ia0vp^tUxTs!3HFs)Lq#Nq}Y<Y-CY>|gW!U_%O?XxI14-?
ziy0WWg+Z8+Vb&Z8pdfpRr>`sf17?0v6{{CfP1-;qLr)jS5RLQ6SFT?Dd;Y+I0|hTH
zsk+(P?)}dL1U@_w43Gc+|8K~$akY$T@fDvvX-o_c#2r0vM2a*5H8Xg+`njxgN@xNA
D*Ap@_

diff --git a/index.html b/index.html
index 35905e63..b655e2b7 100644
--- a/index.html
+++ b/index.html
@@ -45,9 +45,9 @@
           <div class="col-xs-12 text-center">
             <div class="" role="" style="margin-bottom: 2rem;">
               <button type="button" data-layer="base" class="uhk__layer-switcher btn btn-primary btn-lg current">Base</button>
-              <button type="button" data-layer="mod" class="uhk__layer-switcher btn btn-default btn-lg grip">Mod</button>
-              <button type="button" data-layer="fn" class="uhk__layer-switcher btn btn-default btn-lg grip">Fn</button>
-              <button type="button" data-layer="mouse" class="uhk__layer-switcher btn btn-default btn-lg grip">Mouse</button>
+              <button type="button" data-layer="mod" class="uhk__layer-switcher btn btn-default btn-lg">Mod</button>
+              <button type="button" data-layer="fn" class="uhk__layer-switcher btn btn-default btn-lg">Fn</button>
+              <button type="button" data-layer="mouse" class="uhk__layer-switcher btn btn-default btn-lg">Mouse</button>
             </div>
           </div>
           <div class="col-xs-12">
@@ -121,7 +121,7 @@
             </div>
             <div class="list-group-item action--item">
               <span class="glyphicon glyphicon-option-vertical move-handle" aria-hidden="true"></span>
-              <i class="fa fa-mouse-pointer"></i> Scroll by 150px downdward
+              <i class="fa fa-mouse-pointer"></i> Scroll by 150px downward
               <i class="glyphicon glyphicon-pencil action--edit"></i>
               <i class="glyphicon glyphicon-trash action--trash"></i>
             </div>
@@ -199,4 +199,3 @@
     </script>
   </body>
 </html>
- 
\ No newline at end of file
diff --git a/sass/app.scss b/sass/app.scss
index 48121274..c2d17b1b 100644
--- a/sass/app.scss
+++ b/sass/app.scss
@@ -191,35 +191,6 @@ ul {
   }
 }
 
-.grip {
-  position: relative;
-
-  &:before {
-    content: '';
-    display: none;
-    width: 5px;
-    height: 20px;
-    background-image: url(../images/grips/vertical_dark.png);
-    background-repeat: no-repeat;
-    position: absolute;
-    top: 50%;
-    left: 7px;
-    margin-top: -10px;
-  }
-
-  &.btn-primary {
-    &:before {
-      background-image: url(../images/grips/vertical.png);
-    }
-  }
-
-  &:hover {
-    &:before {
-      display: block;
-    }
-  }
-}
-
 .key-editor__popup {
   border: none;
   width: 0px;