Skip to content

feat: allow customizing the hover background of dates - #125

Merged
scardanzan merged 3 commits into
masterfrom
feat/hover-background-color
Nov 3, 2026
Merged

scardanzan merged 3 commits into
masterfrom
feat/hover-background-color

Conversation

@paodb

@paodb paodb commented Nov 2, 2026 •

Copy link
Copy Markdown
Member

Add a --hover-background-color custom property so the hover background of a date can be styled, falling back to the current theme defaults. The demo uses it for holidays, and the README documents how to style dates.

Close #124
Close #4

Summary by CodeRabbit

  • New Features
    • Date hover styling can now be customized with --hover-background-color, while existing theme defaults remain available as fallbacks.
  • Documentation
    • Added guidance for styling calendar dates, including how to set date and hover backgrounds and apply styles to holidays.

@coderabbitai

coderabbitai Bot commented Nov 2, 2026 •

Copy link
Copy Markdown

Review in Change Stack →

No actionable comments were generated in the recent review.

Recent review info
Run configuration
  • Source mode: Auto
  • Repository: Unavailable
  • Branch: Unavailable
  • File: No configuration file from this repository applied
  • Commit: Unavailable
  • Layers: Organization UI
  • Review profile: CHILL
  • Plan: Advanced
  • Run ID: eafc4920-e9b0-4850-b835-5cb9ce5929a9
Commits

Reviewing files that changed from the base of the PR and between 3f24cc2 and fb8ebd0.

Files selected for processing: 4
  • README.md
  • pom.xml
  • src/main/resources/META-INF/frontend/fc-month-calendar/vaadin-month-calendar.css
  • src/test/resources/META-INF/frontend/styles/test_year-month-calendar.css

Included review availability: This review used your included allowance. Your plan provides up to 1 included review per hour; 0 remain after this review.

Walkthrough

The date hover rule now supports a configurable background color with existing theme fallbacks. The README documents styling dates through ClassNameGenerator classes. The project version changes to 4.7.0-SNAPSHOT.

Changes

Date styling

Layer / File(s) Summary
Customizable date hover backgrounds
src/main/resources/META-INF/frontend/fc-month-calendar/vaadin-month-calendar.css, src/test/resources/META-INF/frontend/styles/test_year-month-calendar.css, README.md, pom.xml
The hover rule uses --hover-background-color before existing theme fallbacks. The holiday test style defines a hover color. The README explains how to set date and hover backgrounds. The project version changes to 4.7.0-SNAPSHOT.

Estimated code review effort: 2 (Simple) | ~8 minutes

Change: Feature · Severity of issue fixed: Medium

Suggested reviewers: javier-godoy

Merge Risk: Minimal · up to fb8eb

The change provides the requested customizable hover background without changing existing default behavior.

Pre-merge checks: Passed 3 · Failed 1

Failed Failed checks: 1 warning

Check name Status Explanation Resolution
Out of Scope Changes check Warning The pom.xml changes the project version from 4.6.3-SNAPSHOT to 4.7.0-SNAPSHOT. The linked issues and the current PR intent require the hover custom property and its documentation. They do not re… Remove the unrelated pom.xml version change, or provide a separate release/versioning requirement that makes this change part of the PR scope.
Passed Passed checks: 3 passed
Check name Status Explanation
Description Check Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check Passed The title says the PR adds the ability to customize the hover background of dates. The raw summary shows the README 'Styling dates' section, the --hover-background-color fallback in vaadin-month-calen…
Linked Issues check Passed The CSS rule uses var(--hover-background-color, var(--lumo-primary-color-10pct, var(--aura-background-color))). This adds the requested custom property and preserves both theme fallbacks from #124. …
Full details: Title check

Explanation

The title says the PR adds the ability to customize the hover background of dates. The raw summary shows the README 'Styling dates' section, the --hover-background-color fallback in vaadin-month-calendar.css, and a test holiday hover rule, and the objectives describe a --hover-background-color CSS custom property for date hover backgrounds. The title names the main change, so the check passes.

Full details: Linked Issues check

Explanation

The CSS rule uses var(--hover-background-color, var(--lumo-primary-color-10pct, var(--aura-background-color))). This adds the requested custom property and preserves both theme fallbacks from #124. The property can be set on a date class without copying the high-specificity hover selector. The README documents themeFor, --background-color, and --hover-background-color with a .holiday example, which satisfies #4. The changed holiday styling fixture provides coverage for the custom hover value.

Full details: Out of Scope Changes check

Explanation

The pom.xml changes the project version from 4.6.3-SNAPSHOT to 4.7.0-SNAPSHOT. The linked issues and the current PR intent require the hover custom property and its documentation. They do not require a project version change. The README, CSS change, and holiday styling fixture are connected to the linked issues.

Resolution

Remove the unrelated pom.xml version change, or provide a separate release/versioning requirement that makes this change part of the PR scope.

Finishing Touches
Generate unit tests (beta)
  • Commit to this branch
  • Create a new PR
  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

Share

@sonarqubecloud

sonarqubecloud Bot commented Nov 2, 2026

Copy link
Copy Markdown

@paodb
paodb marked this pull request as ready for review November 2, 2026 18:54
@paodb
paodb requested a review from scardanzan November 2, 2026 18:54
@scardanzan
scardanzan merged commit 982919b into master Nov 3, 2026
7 checks passed
@github-project-automation github-project-automation Bot moved this to Pending release in Flowing Code Addons Nov 3, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Status: Pending release

Development

Successfully merging this pull request may close these issues.

Allow customizing the hover background of dates Document how to style dates on hover

2 participants