From cce49bc853580c21a601a4f7955fe4a36942c5c0 Mon Sep 17 00:00:00 2001
From: ngn <ngn@ngn.tf>
Date: Wed, 20 Mar 2024 22:58:48 +0300
Subject: [PATCH] new: Add background select arrow to select menu

---
 public/style.css | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/public/style.css b/public/style.css
index 2cec15a..82f998b 100644
--- a/public/style.css
+++ b/public/style.css
@@ -43,7 +43,6 @@ form input {
 
 form select {
   appearance: none;
-  text-align: right;
   flex-grow: 1;
   font-size: 15px;
   color: white;
@@ -55,6 +54,27 @@ form select {
   border: none;
   width: 10%;
   border: solid 1px var(--bright-third);
+
+  margin: 0;      
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+
+ background-image:
+    linear-gradient(45deg, transparent 50%, var(--bright-main) 50%),
+    linear-gradient(135deg, var(--bright-main) 50%, transparent 50%),
+    linear-gradient(to right, var(--dark-third), var(--dark-third));
+  background-position:
+    calc(100% - 20px) calc(1em + 2px),
+    calc(100% - 15px) calc(1em + 2px),
+    100% 0;
+  background-size:
+    5px 5px,
+    5px 5px,
+    2.5em 2.5em;
+  background-repeat: no-repeat;
 }
 
 table {