[PR #272] [MERGED] a11y: update cleared state display for clarity #3088

Closed
opened 2026-02-28 20:36:07 -06:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/actualbudget/actual/pull/272
Author: @ricketyboo
Created: 10/11/2022
Status: Merged
Merged: 11/13/2022
Merged by: @rich-howell

Base: masterHead: master


📝 Commits (1)

  • 603179d a11y: update cleared state display for clarity

📊 Changes

3 files changed (+29 additions, -3 deletions)

View changed files

📝 packages/desktop-client/src/components/accounts/TransactionsTable.js (+3 -2)
📝 packages/desktop-client/src/components/schedules/StatusBadge.js (+7 -1)
packages/loot-design/src/svg/v2/CheckCircleHollow.js (+19 -0)

📄 Description

Create new CircleEmpty svg and set uncleared state to use new icon.

Add 'cursor: pointer' to the cleared field to aid in action awareness.

See discussion https://github.com/actualbudget/actual/discussions/271 for initial thoughts around the problem and the solution.

Uncleared transactions have a hollow circle.
Cleared transactions maintain the existing filled background checkmark.
cleared field now gains a pointer on hover to show interactivity option

See image of this solution.
image

Mobile application is unchanged. Given the direction seems to be deprecating the mobile app, I assumed I could skip changing there. Please let me know if I should update it anyway, or if there are any other issues!


🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/actualbudget/actual/pull/272 **Author:** [@ricketyboo](https://github.com/ricketyboo) **Created:** 10/11/2022 **Status:** ✅ Merged **Merged:** 11/13/2022 **Merged by:** [@rich-howell](https://github.com/rich-howell) **Base:** `master` ← **Head:** `master` --- ### 📝 Commits (1) - [`603179d`](https://github.com/actualbudget/actual/commit/603179dda1c257175e0e6ab7a14835f2156b4321) a11y: update cleared state display for clarity ### 📊 Changes **3 files changed** (+29 additions, -3 deletions) <details> <summary>View changed files</summary> 📝 `packages/desktop-client/src/components/accounts/TransactionsTable.js` (+3 -2) 📝 `packages/desktop-client/src/components/schedules/StatusBadge.js` (+7 -1) ➕ `packages/loot-design/src/svg/v2/CheckCircleHollow.js` (+19 -0) </details> ### 📄 Description Create new CircleEmpty svg and set uncleared state to use new icon. Add 'cursor: pointer' to the cleared field to aid in action awareness. See discussion https://github.com/actualbudget/actual/discussions/271 for initial thoughts around the problem and the solution. Uncleared transactions have a hollow circle. Cleared transactions maintain the existing filled background checkmark. cleared field now gains a pointer on hover to show interactivity option See image of this solution. ![image](https://user-images.githubusercontent.com/4494839/195077852-94db7fc9-86c2-45f0-9e33-1bc1ae794c01.png) Mobile application is unchanged. Given the direction seems to be deprecating the mobile app, I assumed I could skip changing there. Please let me know if I should update it anyway, or if there are any other issues! --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2026-02-28 20:36:07 -06:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/actual#3088