From cb2f31782c3e62ab9e1cdddf462833da0eece759 Mon Sep 17 00:00:00 2001 From: Miroma <136986257+its-miroma@users.noreply.github.com> Date: Sun, 2 Jun 2024 18:06:00 +0200 Subject: [PATCH 1/2] Add a custom arrow to the dropdown --- _sass/fabric.scss | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/_sass/fabric.scss b/_sass/fabric.scss index ac0132e5..2acf7038 100644 --- a/_sass/fabric.scss +++ b/_sass/fabric.scss @@ -165,6 +165,7 @@ p { } .javadoc-selector { + position: relative; margin-bottom: 6px; select { @@ -195,6 +196,13 @@ p { } } } + + .javadoc-selector::after { + content: "▼"; + position: absolute; + right: 1rem; + top: 0.5rem; + } } img{ From 0327e5828bb59c754bfd210a2ddfe7a3e672cc71 Mon Sep 17 00:00:00 2001 From: modmuss50 Date: Sun, 2 Jun 2024 19:02:00 +0000 Subject: [PATCH 2/2] Remove old arrow, and pass though mouse clicks. --- _sass/fabric.scss | 7 +------ 1 file changed, 1 insertion(+), 6 deletions(-) diff --git a/_sass/fabric.scss b/_sass/fabric.scss index 2acf7038..b180b3cd 100644 --- a/_sass/fabric.scss +++ b/_sass/fabric.scss @@ -185,12 +185,6 @@ p { -moz-appearance: none; appearance: none; - // Add back the arrow, see https://stackoverflow.com/a/57510283 - background: url("data:image/svg+xml;utf8,") no-repeat; - background-size: 10px; - background-position: calc(100% - 16px) center; - background-repeat: no-repeat; - option { background-color: $grey-color-very-dark; } @@ -202,6 +196,7 @@ p { position: absolute; right: 1rem; top: 0.5rem; + pointer-events: none; } }