studio-variable/designtopack
3
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

Move aria-invalid and aria-controls style from Login.vue to 1.0.global.css

Browse source
This commit is contained in:
Timothée Goguely 2025-05-07 16:04:37 +02:00
parent f01f62a190
commit 1f83abb786
2 changed files with 16 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/assets/css/src/1.0.global.css
View file

@ -292,6 +292,22 @@ button {
.field {
position: relative;
}
[aria-invalid="true"]:focus-visible {
outline-color: #ef8d8d;
}
button[aria-controls*="password"] {
position: absolute;
right: var(--space-8);
bottom: var(--space-8);
max-height: unset;
height: 2rem;
padding: var(--space-8);
border: none;
}
button[aria-controls*="password"] > svg {
width: 1rem;
height: 1rem;
}
/* General interactive states */

18
src/views/Login.vue
View file

@ -143,22 +143,4 @@ form::before {
.error {
color: #ee6767;
}
[aria-invalid="true"]:focus-visible {
outline-color: #ef8d8d;
}
[aria-controls="password"] {
position: absolute;
right: var(--space-8);
bottom: var(--space-8);
max-height: unset;
height: 2rem;
padding: var(--space-8);
border: none;
}
[aria-controls="password"] > svg {
width: 1rem;
height: 1rem;
}
</style>