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

6 Releases 6 Tags

RSS Feed
  • v2026.01.005 05cf8d7c00
    Compare

    v2026.01.005 - Responsive Thumbnail Styling
    All checks were successful
    Basil CI/CD Pipeline / Code Linting (push) Successful in 1m14s
    Details
    Basil CI/CD Pipeline / Shared Package Tests (push) Successful in 1m29s
    Details
    Basil CI/CD Pipeline / API Tests (push) Successful in 1m56s
    Details
    Basil CI/CD Pipeline / Web Tests (push) Successful in 1m36s
    Details
    Basil CI/CD Pipeline / E2E Tests (push) Has been skipped
    Details
    Basil CI/CD Pipeline / Build & Push Docker Images (push) Successful in 4m57s
    Details
    Basil CI/CD Pipeline / Security Scanning (push) Successful in 1m37s
    Details
    Basil CI/CD Pipeline / Build All Packages (push) Successful in 1m33s
    Details
    Basil CI/CD Pipeline / Trigger Deployment (push) Successful in 12s
    Details
    Stable

    pkartch released this 2026-01-20 04:19:43 +00:00 | 6 commits to main since this release

    Release v2026.01.005

    Summary

    This release implements comprehensive responsive column-based styling for all recipe and cookbook thumbnail cards across the application.

    Features

    • Responsive font sizing for 3, 5, 7, and 9 column layouts
    • Smart description handling - visible at 3-5 columns, hidden at 7-9 columns to prevent text cutoff
    • Unified card styling - consistent 1px border and 8px radius across all pages
    • Fixed text truncation using -webkit-line-clamp for clean display

    Pages Updated

    • Recipe List (My Recipes)
    • Cookbooks page (Recent Recipes section)
    • Cookbooks page (Main cookbook grid)
    • Cookbook Detail (Recipes section)
    • Cookbook Detail (Nested cookbooks)

    Documentation

    • Added UI Design System section to CLAUDE.md
    • Documented all 7 thumbnail display locations
    • Established responsive styling patterns for future consistency

    Testing

    • ✅ 371 API unit tests passed
    • ✅ 27 web unit tests passed
    • ✅ Visual testing verified across all column counts
    • ✅ No regressions in functionality

    Technical Details

    Files Changed: 7 files, +1006 insertions, -89 deletions

    Column-Specific Font Sizes:

    • Column 3: 0.95rem title, 0.8rem description (2 lines), 0.75rem meta
    • Column 5: 0.85rem title, 0.75rem description (2 lines), 0.7rem meta
    • Column 7-9: 0.75rem title, description hidden, 0.6rem meta

    Related PR

    #9 - feat: implement responsive column-based styling for all thumbnail cards

    🤖 Generated with Claude Code

    Downloads