From 233f0a22aff8cbf5aa11d9fc7926814a484ef8e9 Mon Sep 17 00:00:00 2001
From: Sam Light <samlight1994@gmail.com>
Date: Wed, 2 Apr 2025 00:04:42 +0100
Subject: Created icons for sorting

---
 resources/scss/main.scss | 38 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)

(limited to 'resources/scss/main.scss')

diff --git a/resources/scss/main.scss b/resources/scss/main.scss
index e69de29..1ba548e 100644
--- a/resources/scss/main.scss
+++ b/resources/scss/main.scss
@@ -0,0 +1,38 @@
+th {
+  .ordered {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    cursor: pointer;
+
+    &::after {
+      display: block;
+      content: "";
+      width: 13px;
+      height: 16px;
+      opacity: 0.5;
+      background-image: url('../svg/sortable.svg');
+      background-size: contain;
+      background-position: center;
+      background-repeat: no-repeat;
+    }
+
+    &:hover::after {
+      opacity: 1;
+    }
+  }
+
+  .ordered-asc::after,
+  .ordered-desc::after
+  {
+    opacity: 1;
+  }
+
+  .ordered-asc::after {
+    background-image: url('../svg/sortable-down.svg');
+  }
+
+  .ordered-desc::after {
+    background-image: url('../svg/sortable-up.svg');
+  }
+}
-- 
cgit v1.2.3