From cf4a9c71fa6c644b6368a1ea692821a076ed1f1e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dan=20Michael=20O=2E=20Hegg=C3=B8?= <d.m.heggo@ub.uio.no>
Date: Mon, 30 Sep 2019 22:34:38 +0200
Subject: [PATCH] =?UTF-8?q?[#21]=20Tydeliggj=C3=B8r=20indikering=20av=20ta?=
 =?UTF-8?q?bellsorteringen?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/sass/app.sass | 44 ++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 43 insertions(+), 1 deletion(-)

diff --git a/resources/sass/app.sass b/resources/sass/app.sass
index 96348e10..79e6a0a2 100644
--- a/resources/sass/app.sass
+++ b/resources/sass/app.sass
@@ -184,6 +184,49 @@ table.dataTable
   tbody th.dt-body-nowrap, tbody td.dt-body-nowrap
     white-space: nowrap
 
+  th.sorting_asc,  th.sorting_desc
+    font-style: italic
+
+
+  thead
+
+
+    .sorting:before, .sorting_asc:before, .sorting_desc:before
+      opacity: 0
+
+    .sorting:after
+      content: "\25ba"
+      transform: rotate(-90deg)
+      font-style: normal
+      opacity: 0.01
+      transition: opacity .3s
+
+    .sorting:hover, .sorting_asc:hover, .sorting_desc:hover
+      color: #2771bb
+
+    .sorting:hover:after
+      opacity: 0.3
+
+    .sorting_asc:after
+      content: "\25ba"
+      transform: rotate(-90deg)
+      font-style: normal
+      opacity: 1
+      transition: transform .3s, opacity .3s
+
+    .sorting_asc:hover:after
+      color: #2771bb
+      // transform: rotate(90deg)
+      // opacity: 0.3
+
+    .sorting_desc:after
+      content: "\25ba"
+      transform: rotate(90deg)
+      font-style: normal
+      opacity: 1
+      transition: opacity .3s
+
+
 div.dataTables_wrapper
   > div
     display: flex
@@ -201,7 +244,6 @@ div.dataTables_wrapper
     label
       margin-bottom: 0
 
-
 /*******************************************************************
  * Algolia
  *******************************************************************/