From 2d70095830574f26b9e6984f563658e0d26c37f9 Mon Sep 17 00:00:00 2001
From: Miroma <136986257+its-miroma@users.noreply.github.com>
Date: Sun, 2 Jun 2024 21:07:48 +0200
Subject: [PATCH] Add a custom arrow to the dropdown (#95)

* Add a custom arrow to the dropdown

* Remove old arrow, and pass though mouse clicks.

---------

Co-authored-by: modmuss50 <modmuss50@gmail.com>
---
 _sass/fabric.scss | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/_sass/fabric.scss b/_sass/fabric.scss
index ac0132e5..b180b3cd 100644
--- a/_sass/fabric.scss
+++ b/_sass/fabric.scss
@@ -165,6 +165,7 @@ p {
     }
 
 		.javadoc-selector {
+			position: relative;
 			margin-bottom: 6px;
 
 			select {
@@ -184,17 +185,19 @@ p {
 				-moz-appearance: none;
 				appearance: none;
 
-				// Add back the arrow, see https://stackoverflow.com/a/57510283
-				background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23FFFFFF'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
-				background-size: 10px;
-				background-position: calc(100% - 16px) center;
-				background-repeat: no-repeat;
-
 				option {
 					background-color: $grey-color-very-dark;
 				}
 			}
 		}
+
+		.javadoc-selector::after {
+			content: "▼";
+			position: absolute;
+			right: 1rem;
+			top: 0.5rem;
+			pointer-events: none; 
+		}
 	}
 
 	img{