pkartch/basil
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 6 Wiki Activity

style: improve visibility of column and per-page control numbers
All checks were successful
Basil CI/CD Pipeline / Code Linting (push) Successful in 1m7s
Details
Basil CI/CD Pipeline / Web Tests (push) Successful in 1m15s
Details
Basil CI/CD Pipeline / API Tests (push) Successful in 1m26s
Details
Basil CI/CD Pipeline / Shared Package Tests (push) Successful in 58s
Details
Basil CI/CD Pipeline / Security Scanning (push) Successful in 1m9s
Details
Basil CI/CD Pipeline / Build All Packages (push) Successful in 1m32s
Details
Basil CI/CD Pipeline / E2E Tests (push) Has been skipped
Details
Basil CI/CD Pipeline / Build & Push Docker Images (push) Successful in 4m58s
Details
Basil CI/CD Pipeline / Trigger Deployment (push) Successful in 10s
Details

Browse Source 
Enhance readability of unselected number buttons in recipe list view by:
- Adding explicit dark text color (#333) for better contrast
- Increasing font-weight to 500 for improved legibility

This addresses the issue where column count (3, 5, 7, 9) and items
per page (12, 24, 48, All) numbers were hard to see when not selected.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
Peter Kartchner
2026-01-15 18:43:17 -07:00
parent f781f64500
commit c71b77f54e
1 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/web/src/styles/RecipeList.css
View File

@@ -118,10 +118,12 @@
padding: 0.4rem 0.6rem; padding: 0.4rem 0.6rem;
border: none; border: none;
background: var(--bg-secondary, #f5f5f5); background: var(--bg-secondary, #f5f5f5);
color: var(--text-primary, #333);
cursor: pointer; cursor: pointer;
font-size: 0.85rem; font-size: 0.85rem;
min-width: 32px; min-width: 32px;
transition: background-color 0.2s, color 0.2s; transition: background-color 0.2s, color 0.2s;
font-weight: 500;
} }
.column-buttons button:not(:last-child) { .column-buttons button:not(:last-child) {
@@ -197,10 +199,12 @@
padding: 0.4rem 0.6rem; padding: 0.4rem 0.6rem;
border: none; border: none;
background: var(--bg-secondary, #f5f5f5); background: var(--bg-secondary, #f5f5f5);
color: var(--text-primary, #333);
cursor: pointer; cursor: pointer;
font-size: 0.85rem; font-size: 0.85rem;
min-width: 36px; min-width: 36px;
transition: background-color 0.2s, color 0.2s; transition: background-color 0.2s, color 0.2s;
font-weight: 500;
} }
.items-per-page button:not(:last-child) { .items-per-page button:not(:last-child) {