3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-21 21:56:11 +02:00
Code Issues Projects Releases Packages Wiki Activity

🐛 Fix border color on inputs when hovering

Browse source
This commit is contained in:
Eva 2024-01-19 14:31:42 +01:00 • committed by Andrey Antukh
parent 1c98230487
commit 844634e8c8
12 changed files with 101 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

7
frontend/src/app/main/ui/components/forms.scss
View file

@ -46,7 +46,7 @@
input:-webkit-autofill:active {
-webkit-text-fill-color: var(--input-foreground-color-active);
-webkit-box-shadow: inset 0 0 20px 20px var(--input-background-color);
border: $s-1 solid var(--input-background-color);
border: $s-1 solid var(--input-border-color);
-webkit-background-clip: text;
transition: background-color 5000s ease-in-out 0s;
caret-color: var(--input-foreground-color-active);
@ -180,7 +180,7 @@
height: $s-32;
width: 100%;
border-radius: $br-8;
border: $s-1 solid var(--input-background-color);
border: $s-1 solid var(--input-border-color);
color: var(--input-foreground-color-active);
background-color: var(--input-background-color);
.main-content {
@ -282,8 +282,7 @@
margin: 0;
border-radius: $br-8;
background-color: var(--input-background-color);
border: $s-1 solid var(--input-background-color);
color: var(--input-foreground-color-active);
border: $s-1 solid var(--input-border-color-active);
&:focus {
outline: none;
border: $s-1 solid var(--input-border-color-focus);