rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-02-01 11:56:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

Properly colorize webkit search cancel button

Browse Source
This commit is contained in:
Cohee 2024-05-15 23:06:10 +03:00
parent 8a5f05fb74
commit c4936ed535
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
public/style.css
View File

@ -2374,16 +2374,16 @@ input[type=search]::-webkit-search-cancel-button {
height: 1em; height: 1em;
width: 1em; width: 1em;
border-radius: 50em; border-radius: 50em;
background: url('/img/times-circle.svg') no-repeat 50% 50%; background-color: var(--SmartThemeBodyColor);
mask: url('/img/times-circle.svg') no-repeat 50% 50%;
background-size: contain; background-size: contain;
backdrop-filter: invert(1) contrast(9);
opacity: 0; opacity: 0;
pointer-events: none; pointer-events: none;
cursor: pointer; cursor: pointer;
} }
input[type=search]:focus::-webkit-search-cancel-button { input[type=search]:focus::-webkit-search-cancel-button {
opacity: .3; opacity: .5;
pointer-events: all; pointer-events: all;
} }