From 3e85cf45a6521b135715924fdd4577d39f26b72e Mon Sep 17 00:00:00 2001
From: Mikko Lakomaa <hopealusikka+github@gmail.com>
Date: Tue, 20 Sep 2016 12:40:00 +0300
Subject: [PATCH] Improve macro sorting visuals (#105)

Closes #103
---
 .../macro-item/macro-item.component.scss      |  8 +++++++
 src/components/macro/macro.component.scss     | 21 +++++++++++++++++++
 2 files changed, 29 insertions(+)

diff --git a/src/components/macro/macro-item/macro-item.component.scss b/src/components/macro/macro-item/macro-item.component.scss
index a71b434e..e7c56a2f 100644
--- a/src/components/macro/macro-item/macro-item.component.scss
+++ b/src/components/macro/macro-item/macro-item.component.scss
@@ -11,6 +11,14 @@
         }
     }
 
+    &.gu-transit {
+        opacity: 0.2;
+
+        .list-group-item {
+            background: #f5f5f5;
+        }
+    }
+
     .action {
         &--item {
             display: flex;
diff --git a/src/components/macro/macro.component.scss b/src/components/macro/macro.component.scss
index b1e1f861..22d016cc 100644
--- a/src/components/macro/macro.component.scss
+++ b/src/components/macro/macro.component.scss
@@ -114,3 +114,24 @@ h1 {
         color: #337ab7;
     }
 }
+
+// Dragula styles
+.gu {
+    &-mirror {
+        position: fixed;
+        margin: 0;
+        z-index: 9999;
+        opacity: 0.8;
+    }
+
+    &-hide {
+        display: none;
+    }
+
+    &-unselectable {
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        user-select: none;
+    }
+}