julienfroidefond/towercontrol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(globals.css): improve select appearance in Safari

Browse Source
This commit is contained in:
Julien Froidefond
2025-10-27 08:18:23 +01:00
parent f7f77a49dc
commit fd46ed180f
1 changed files with 16 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/app/globals.css
View File

@@ -813,3 +813,19 @@ body.has-background-image .min-h-screen.bg-\[var\(--background\)\] {
background: color-mix(in srgb, var(--primary) 80%, var(--accent) 20%); background: color-mix(in srgb, var(--primary) 80%, var(--accent) 20%);
transform: scale(1.1); transform: scale(1.1);
} }
/* Fix Safari select appearance */
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 0.5rem center;
background-size: 1.25em 1.25em;
padding-right: 2.5rem;
}
select::-ms-expand {
display: none;
}