prehistoric-systems/omnivore
1
0
Fork 0
mirror of https://github.com/omnivore-app/omnivore.git synced 2026-03-11 08:54:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(styles): correct outline-offset values in navigation and grid styles

Browse source 
- Updated the outline-offset property for focus-visible states in LeftNavigation.css and LibraryGrid.css from -2px to 2px for improved accessibility and visual consistency.
- Adjusted the gap in LibraryGrid.css from var(--space-3) to var(--space-4) to enhance layout spacing.
This commit is contained in:
Timothy Atapagra 2025-10-28 20:35:52 -04:00
parent 293a692cbf
commit c4a4b7c4fb
2 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
packages/web-vite/src/styles/LeftNavigation.css
View file

@ -109,7 +109,7 @@
.nav-item:focus-visible {
outline: 2px solid var(--color-action-blue);
outline-offset: -2px;
outline-offset: 2px;
background: #333;
color: #fff;
}
@ -204,7 +204,7 @@
.shortcut-item:focus-visible {
outline: 2px solid var(--color-action-blue);
outline-offset: -2px;
outline-offset: 2px;
background: #333;
color: #fff;
}
@ -246,7 +246,7 @@
.filter-shortcut-item:focus-visible {
outline: 2px solid var(--color-action-blue);
outline-offset: -2px;
outline-offset: 2px;
background: #333;
color: #fff;
}

4
packages/web-vite/src/styles/LibraryGrid.css
View file

@ -18,14 +18,14 @@
@media (max-width: 1200px) {
.articles-grid {
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: var(--space-3); /* 1rem */
gap: var(--space-4); /* 1rem */
}
}
@media (max-width: 768px) {
.articles-grid {
grid-template-columns: 1fr;
gap: var(--space-3); /* 1rem */
gap: var(--space-4); /* 1rem */
}
}