Bommels05/Modrinth
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Minor fixes for "See all" link design (#627)

Browse Source 
- Now styled as a proper link.
- Change :focus to :focus-visible to avoid link getting stuck in that
  'hovered' state because focus does not actually change (it deffo
  should though, something to fix in the future - should be one
  fragment change).
- Removed all padding and transition.
This commit is contained in:
Sasha Sorokin 2022-09-04 07:34:19 +02:00 committed by GitHub
parent 535abdc481
commit 3e221f3b6a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
pages/_type/_id.vue
View File

@ -1047,15 +1047,18 @@ export default {
display: inline-flex;
align-items: center;
gap: 3px;
padding: 5px 3px 5px 7px; // <- 3px & -> 7px to compensate for chevron
border-radius: 5px;
transition: 0.05s all ease-in-out;
color: var(--color-link);
}
.all-link:hover,
.all-link:focus {
.all-link:focus-visible {
color: var(--color-link-hover);
}
.all-link:active {
color: var(--color-link-active);
background: var(--color-card-link-bg);
}
}