GitHub/Anki
1
0
Fork 0
mirror of https://github.com/ankitects/anki.git synced 2025-09-24 16:56:36 -04:00
Code Issues Projects Releases Packages 1 Wiki Activity Actions

fix invisible dropdown arrow in night mode; use bootstrap styling in top

Browse source
This commit is contained in:
Damien Elmes 2021-05-20 12:43:47 +10:00
parent 055f2907ec
commit 9789dd2bf9
2 changed files with 6 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
ts/components/SelectButton.svelte
View file

@ -29,19 +29,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
@use "ts/sass/button_mixins" as button;
select {
display: inline-block;
vertical-align: middle;
height: var(--toolbar-size);
width: auto;
user-select: none;
box-shadow: none;
border-radius: 0;
&:focus {
outline: none;
}
}
@include button.btn-day($with-hover: false);
@ -55,7 +43,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
bind:this={buttonRef}
disabled={_disabled}
{id}
class={className}
class="{className} form-select"
class:btn-day={!nightMode}
class:btn-night={nightMode}
title={tooltip}

5
ts/deckoptions/deckoptions-base.scss
View file

@ -48,3 +48,8 @@ html {
code {
color: var(--flag1-bg);
}
// override the default down arrow colour in <select> elements
.night-mode select {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")
}