rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-01-20 21:41:32 +01:00
Code Issues Packages Projects Releases Wiki Activity

Unify select styles across browsers

Browse Source
This commit is contained in:
Cohee 2024-09-21 14:28:43 +03:00
parent 165cc39a9a
commit 8030ce9ddd
2 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
public/img/down-arrow.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="7">
<polygon points="0,0 10,0 5,7" fill="#888888" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 123 B

9
public/style.css
View File

@ -2570,20 +2570,25 @@ input[type="file"] {
/*#################################################################*/
select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
padding: 3px 2px;
background-color: var(--black30a);
border: 1px solid var(--SmartThemeBorderColor);
border-radius: 5px;
margin-bottom: 5px;
height: min-content;
background-image: url('/img/down-arrow.svg');
background-repeat: no-repeat;
background-position: right 6px center;
background-size: 8px 5px;
}
select option {
/* works to highlight selected/active option */
background-color: var(--white50a);
color: var(--black70a);
}
select option:not(:checked) {