From dba85e775539a9bd447eed102ccf2dd579d7d100 Mon Sep 17 00:00:00 2001 From: Henrik Giesel Date: Sat, 5 Jun 2021 00:40:55 +0200 Subject: [PATCH] Add down-arrow SASS function --- ts/components/SelectButton.svelte | 2 +- ts/deckoptions/EnumSelector.svelte | 2 +- ts/sass/button_mixins.scss | 4 ++++ 3 files changed, 6 insertions(+), 2 deletions(-) diff --git a/ts/components/SelectButton.svelte b/ts/components/SelectButton.svelte index d9598b0a9..f4c0230a9 100644 --- a/ts/components/SelectButton.svelte +++ b/ts/components/SelectButton.svelte @@ -53,7 +53,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html .visible-down-arrow { /* override the default down arrow */ - @include button.select-night-mode; + background-image: button.down-arrow(white); } @include button.btn-day($with-hover: false); diff --git a/ts/deckoptions/EnumSelector.svelte b/ts/deckoptions/EnumSelector.svelte index 70c440399..fb7fec602 100644 --- a/ts/deckoptions/EnumSelector.svelte +++ b/ts/deckoptions/EnumSelector.svelte @@ -23,6 +23,6 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html .visible-down-arrow { /* override the default down arrow */ - @include button.select-night-mode; + background-image: button.down-arrow(white); } diff --git a/ts/sass/button_mixins.scss b/ts/sass/button_mixins.scss index 3314b7056..9ca989f28 100644 --- a/ts/sass/button_mixins.scss +++ b/ts/sass/button_mixins.scss @@ -116,3 +116,7 @@ $focus-color: $blue; box-shadow: inset 0 calc(var(--buttons-size) / 15) calc(var(--buttons-size) / 5) rgba(black, $intensity); } + +@function down-arrow($color) { + @return url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='transparent' stroke='#{$color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); +}