Skip to content

Conversation

@RoyLee1224
Copy link
Contributor

@RoyLee1224 RoyLee1224 commented Sep 10, 2025

Related issues & PR

closes: #55484
related:#53981

TO-DO

  • Remove hover effects, tooltips and borders for calendar cells when !isInSelectedYear
  • Add color for planned cells
  • Fix tooltip noRuns translation issue
  • Fix tooltip with "failed" filter incorrectly displays successful runs
  • Fix tooltip hover z-index

Screenshots

calendar_new.mp4

P.S. the mock data button is just for demo purpose, not part of the actual UI

Discussion

This is open for discussion, but my preference is green for 'total runs'. I acknowledge the potential overlap with 'success', but green conveys a positive, high-activity signal that aligns well with the concept of total runs.
IMO, blue is used for the 'running' status.

Open to other color suggestions if the team has different ideas!

green_light green_dark blue_light blue_dark

^ Add meaningful description above
Read the Pull Request Guidelines for more information.
In case of fundamental code changes, an Airflow Improvement Proposal (AIP) is needed.
In case of a new dependency, check compliance with the ASF 3rd Party License Policy.
In case of backwards incompatible changes please leave a note in a newsfragment file, named {pr_number}.significant.rst or {issue_number}.significant.rst, in airflow-core/newsfragments.

@boring-cyborg boring-cyborg bot added the area:UI Related to UI/UX. For Frontend Developers. label Sep 10, 2025
@RoyLee1224 RoyLee1224 marked this pull request as ready for review September 12, 2025 08:35
@RoyLee1224 RoyLee1224 changed the title [WIP] Small UI fixes for calendar UI fixes for calendar Sep 12, 2025
@bbovenzi
Copy link
Contributor

I am fine with either green or blue. No strong preference. It's common that charts and graphs will have their own color scheme separate from the rest of the app they're inside of.

@pierrejeambrun pierrejeambrun added this to the Airflow 3.1.0 milestone Sep 15, 2025
@RoyLee1224
Copy link
Contributor Author

Update

Before After

@kaxil kaxil added the type:bug-fix Changelog: Bug Fixes label Sep 16, 2025
@bbovenzi bbovenzi merged commit c76e3dd into apache:main Sep 17, 2025
57 checks passed
@RoyLee1224 RoyLee1224 deleted the calendar-ui-fix branch September 17, 2025 15:31
kaxil pushed a commit that referenced this pull request Sep 18, 2025
* fix: modify calendar UI for non-selected year cells

* style: UI design roll back

* feat(ui): enhance calendar tooltip with rich content and filter support

* fix(i18n): Revert new translation key to use fallback

* style: use semantic values for colors

* feat(ui): implement Portal-based calendar tooltips with theme support

(cherry picked from commit c76e3dd)
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Sep 30, 2025
* fix: modify calendar UI for non-selected year cells

* style: UI design roll back

* feat(ui): enhance calendar tooltip with rich content and filter support

* fix(i18n): Revert new translation key to use fallback

* style: use semantic values for colors

* feat(ui): implement Portal-based calendar tooltips with theme support
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 1, 2025
* fix: modify calendar UI for non-selected year cells

* style: UI design roll back

* feat(ui): enhance calendar tooltip with rich content and filter support

* fix(i18n): Revert new translation key to use fallback

* style: use semantic values for colors

* feat(ui): implement Portal-based calendar tooltips with theme support
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 2, 2025
* fix: modify calendar UI for non-selected year cells

* style: UI design roll back

* feat(ui): enhance calendar tooltip with rich content and filter support

* fix(i18n): Revert new translation key to use fallback

* style: use semantic values for colors

* feat(ui): implement Portal-based calendar tooltips with theme support
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 3, 2025
* fix: modify calendar UI for non-selected year cells

* style: UI design roll back

* feat(ui): enhance calendar tooltip with rich content and filter support

* fix(i18n): Revert new translation key to use fallback

* style: use semantic values for colors

* feat(ui): implement Portal-based calendar tooltips with theme support
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 4, 2025
* fix: modify calendar UI for non-selected year cells

* style: UI design roll back

* feat(ui): enhance calendar tooltip with rich content and filter support

* fix(i18n): Revert new translation key to use fallback

* style: use semantic values for colors

* feat(ui): implement Portal-based calendar tooltips with theme support
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 5, 2025
* fix: modify calendar UI for non-selected year cells

* style: UI design roll back

* feat(ui): enhance calendar tooltip with rich content and filter support

* fix(i18n): Revert new translation key to use fallback

* style: use semantic values for colors

* feat(ui): implement Portal-based calendar tooltips with theme support
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 5, 2025
* fix: modify calendar UI for non-selected year cells

* style: UI design roll back

* feat(ui): enhance calendar tooltip with rich content and filter support

* fix(i18n): Revert new translation key to use fallback

* style: use semantic values for colors

* feat(ui): implement Portal-based calendar tooltips with theme support
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 7, 2025
* fix: modify calendar UI for non-selected year cells

* style: UI design roll back

* feat(ui): enhance calendar tooltip with rich content and filter support

* fix(i18n): Revert new translation key to use fallback

* style: use semantic values for colors

* feat(ui): implement Portal-based calendar tooltips with theme support
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 8, 2025
* fix: modify calendar UI for non-selected year cells

* style: UI design roll back

* feat(ui): enhance calendar tooltip with rich content and filter support

* fix(i18n): Revert new translation key to use fallback

* style: use semantic values for colors

* feat(ui): implement Portal-based calendar tooltips with theme support
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 9, 2025
* fix: modify calendar UI for non-selected year cells

* style: UI design roll back

* feat(ui): enhance calendar tooltip with rich content and filter support

* fix(i18n): Revert new translation key to use fallback

* style: use semantic values for colors

* feat(ui): implement Portal-based calendar tooltips with theme support
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 10, 2025
* fix: modify calendar UI for non-selected year cells

* style: UI design roll back

* feat(ui): enhance calendar tooltip with rich content and filter support

* fix(i18n): Revert new translation key to use fallback

* style: use semantic values for colors

* feat(ui): implement Portal-based calendar tooltips with theme support
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 11, 2025
* fix: modify calendar UI for non-selected year cells

* style: UI design roll back

* feat(ui): enhance calendar tooltip with rich content and filter support

* fix(i18n): Revert new translation key to use fallback

* style: use semantic values for colors

* feat(ui): implement Portal-based calendar tooltips with theme support
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 12, 2025
* fix: modify calendar UI for non-selected year cells

* style: UI design roll back

* feat(ui): enhance calendar tooltip with rich content and filter support

* fix(i18n): Revert new translation key to use fallback

* style: use semantic values for colors

* feat(ui): implement Portal-based calendar tooltips with theme support
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 14, 2025
* fix: modify calendar UI for non-selected year cells

* style: UI design roll back

* feat(ui): enhance calendar tooltip with rich content and filter support

* fix(i18n): Revert new translation key to use fallback

* style: use semantic values for colors

* feat(ui): implement Portal-based calendar tooltips with theme support
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 15, 2025
* fix: modify calendar UI for non-selected year cells

* style: UI design roll back

* feat(ui): enhance calendar tooltip with rich content and filter support

* fix(i18n): Revert new translation key to use fallback

* style: use semantic values for colors

* feat(ui): implement Portal-based calendar tooltips with theme support
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 17, 2025
* fix: modify calendar UI for non-selected year cells

* style: UI design roll back

* feat(ui): enhance calendar tooltip with rich content and filter support

* fix(i18n): Revert new translation key to use fallback

* style: use semantic values for colors

* feat(ui): implement Portal-based calendar tooltips with theme support
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 19, 2025
* fix: modify calendar UI for non-selected year cells

* style: UI design roll back

* feat(ui): enhance calendar tooltip with rich content and filter support

* fix(i18n): Revert new translation key to use fallback

* style: use semantic values for colors

* feat(ui): implement Portal-based calendar tooltips with theme support
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area:UI Related to UI/UX. For Frontend Developers. type:bug-fix Changelog: Bug Fixes

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Calendar failed view showing success runs

4 participants