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')
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