Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

UI improvements #450

Closed
aecreations opened this issue Apr 28, 2024 · 4 comments
Closed

UI improvements #450

aecreations opened this issue Apr 28, 2024 · 4 comments
Assignees
@aecreations
Labels
enhancement fixed
Milestone
7.0 San Francisco

Comments

@aecreations
Copy link
Owner

aecreations commented Apr 28, 2024 •
edited
Loading

  1. Redesigned extension preferences page. Organize extension settings into three tabs: "General", "Paste" and "Sync Clippings". For navigating between the tabs, use a horizontally-oriented page selector with icons, similar to the preferences dialogs in modern macOS apps.
  2. Get rid of example path to sync folder in the Sync Clippings settings dialog. Now that users can use the folder picker to select the sync file location, this isn't needed anymore.
  3. Button focusing behaviour and appearance should resemble that found in the UI in Windows applications. This should only apply to buttons in modal dialogs, not to those in the extension preferences page itself. NOTE: This should be configurable via a hidden pref, but turned off by default.
  4. Minor updates to dialog UI elements such as buttons - port the UI styling from Panic Button 5.0.
  5. ARIA labels for modal dialogs, as well as the page selector in the redesigned extension preferences page.
  6. Refresh the folder icon for the Clippings menu and Clippings Manager tree list.
  7. Disable Clippings Manager toolbar buttons for editing actions when the Synced Clippings folder and separators are selected.
  8. Disable Clippings Manager toolbar buttons for editing actions when in empty state (zero clippings/folders)
  9. Preload the toolbar and tree list icons in Clippings Manager to minimize flickering. Do the same for the Clippings sidebar.
  10. Make the toolbar button icons more rounded, where it makes sense, in Clippings Manager and shortcut key list window.
  11. Dialog titles in the Windows and Dialogs and Sync Clippings settings dialogs in the extension preferences page.
@aecreations aecreations added this to the 7.0 San Francisco milestone Apr 28, 2024
@aecreations aecreations self-assigned this Apr 28, 2024
aecreations added a commit that referenced this issue May 20, 2024
@aecreations
Disable Clippings Manager toolbar buttons when Synced Clippings folde…
52edeb2 
…r selected

(part of issue #450)
aecreations added a commit that referenced this issue May 20, 2024
@aecreations
Updated UI styling (part of issue #450)
67dc0e4 
- Using same CSS stylesheet from Panic Button 5.0
aecreations added a commit that referenced this issue Jun 10, 2024
@aecreations
Improved dialog button focusing behaviour (part of issue #450)
40b1038
aecreations added a commit that referenced this issue Jul 7, 2024
@aecreations
Redesigned extension preferences page (part of issue #450)
0e150ad
@aecreations aecreations mentioned this issue Jul 9, 2024
Closed
@aecreations
Copy link
Owner Author

aecreations commented Jul 16, 2024 •
edited
Loading

Targeting 7.0b1:

  1. Refresh the folder icon for the Clippings menu and Clippings Manager tree list.
  2. Disable Clippings Manager toolbar buttons for editing actions when in empty state (zero clippings/folders)
  3. Button focusing behaviour that resembles that found in the UI in Windows applications should be turned off by default. Don't provide a UI to change this setting.

aecreations added a commit that referenced this issue Jul 18, 2024
@aecreations
Improvements to size of default accept button on message boxes
daa15a2 
(part of issue #450)
aecreations added a commit that referenced this issue Jul 21, 2024
@aecreations
Reverted button width change on message boxes (part of issue #450)
2d902da 
- For appearing in popup windows only
aecreations added a commit that referenced this issue Jul 21, 2024
@aecreations
Disable Clippings Manager toolbar buttons when in empty state
ccab181 
(part of issue #450)
aecreations added a commit that referenced this issue Jul 21, 2024
@aecreations
Refresh the folder icon for Clippings menu and Clippings Manager
8b08560 
tree list (part of issue #450)
aecreations added a commit that referenced this issue Jul 21, 2024
@aecreations
Refresh the open folder icon for Clippings menu and Clippings Manager
6ff0cd5 
tree list (part of issue #450)
aecreations added a commit that referenced this issue Jul 22, 2024
@aecreations
Turned off enhanced dialog button focusing behavior (part of issue #450)
09a28cc
aecreations added a commit that referenced this issue Jul 27, 2024
@aecreations
Tweaked font size in keyboard paste dialog (part of issue #450)
1f29749
aecreations added a commit that referenced this issue Jul 27, 2024
@aecreations
Restored original width of default button on message boxes
8227956 
(part of issue #450)
@aecreations
Copy link
Owner Author

aecreations commented Jul 27, 2024 •
edited
Loading

Targeting 7.0b2:

  1. ARIA labels for modal dialogs, as well as the tab panel selector in the redesigned extension preferences page
  2. Dialog titles in the Windows and Dialogs and Sync Clippings settings dialogs in the extension preferences page

Deferred:

  1. Make the toolbar button icons more rounded, where it makes sense, in Clippings Manager and shortcut key list window. In the extension preferences page, icons for preferences panels should have fully rounded corners.
  2. Finalize refresh of the folder icon for the Clippings menu and Clippings Manager tree list, including the icon for the root Clippings folder.

aecreations added a commit that referenced this issue Jul 30, 2024
@aecreations
Added ARIA roles (part of issue #450)
ed0299d 
- For New Clipping, Keyboard Paste and Placeholder Prompt dialogs
- Welcome and What's New pages
aecreations added a commit that referenced this issue Jul 30, 2024
@aecreations
Added ARIA roles for Clippings Sidebar (part of issue #450)
f4c184b
aecreations added a commit that referenced this issue Jul 31, 2024
@aecreations
Added missing ARIA role for Clippings Sidebar (part of issue #450)
29ab9c7
aecreations added a commit that referenced this issue Jul 31, 2024
@aecreations
Added ARIA roles for Clippings Manager (part of issue #450)
7eba165
aecreations added a commit that referenced this issue Jul 31, 2024
@aecreations
Added ARIA roles for extension preferences page (part of issue #450)
1d0ea78
aecreations added a commit that referenced this issue Aug 1, 2024
@aecreations
Added ARIA functionality to contextMenu component (part of issue #450)
89289cf 
- Doesn't work with submenus
aecreations added a commit that referenced this issue Aug 1, 2024
@aecreations
Set focus on first button in Copy Clipping Text or Import/Restore Bac…
dca673f 
…kup dialogs

(part of issue #450)
- Visually show first focused button on the Copy Clipping Text dialog
aecreations added a commit that referenced this issue Aug 1, 2024
@aecreations
Open clippings tree context menu by pressing SHIFT+F10 (part of issue #…
df76f35 
…450)
aecreations added a commit that referenced this issue Aug 1, 2024
@aecreations
Added dialog titles in the Windows and Dialogs and Sync Clippings set…
ab94ea6 
…tings dialogs in the extension preferences page

(part of issue #450)
aecreations added a commit that referenced this issue Aug 4, 2024
@aecreations
Improved icon for the root Clippings folder (part of issue #450)
6861d89
aecreations added a commit that referenced this issue Aug 20, 2024
@aecreations
Improved icon for the root Synced Clippings folder (issue #450)
4c72769
aecreations added a commit that referenced this issue Aug 21, 2024
@aecreations
Attempt to add ARIA functionality to auto-complete menu
e785586 
in the keyboard paste dialog (part of issue #450)
- Doesn't work: screen reader doesn't recognize it as such
aecreations added a commit that referenced this issue Aug 21, 2024
@aecreations
Preload toolbar, tree list icons and other UI images to avoid flickering
edf1361 
(issue #450)
- Clippings Manager
- Keyboard paste dialog
aecreations added a commit that referenced this issue Aug 21, 2024
@aecreations
Improvements to icons for extension preferences page tabs
33efe70 
(part of issue #450)
- Ported from Clippings for Thunderbird 7.0b3
aecreations added a commit that referenced this issue Aug 22, 2024
@aecreations
Improvements to Clippings Manager toolbar icons (part of issue #450)
6dd9fdf
aecreations added a commit that referenced this issue Aug 23, 2024
@aecreations
Improved icons for the Clippings Manager source URL bar
c580fb8 
(part of issue #450)
aecreations added a commit that referenced this issue Aug 23, 2024
@aecreations
Improved icons for the Clippings Manager source URL bar
84fcc3d 
(part of issue #450)
- Cancel button, normal state
@aecreations
Copy link
Owner Author

Fix the dark mode styling of the Reload button on the Synced Clippings folder in Clippings Manager.

@aecreations
Copy link
Owner Author

For the extension preferences page, add dark mode icons, and cache the selected state icons.

aecreations added a commit that referenced this issue Sep 21, 2024
@aecreations
Improved icon for the root Clippings folder (part of issue #450)
41133cb
aecreations added a commit that referenced this issue Sep 21, 2024
@aecreations
Added forgotten icons for preloading to avoid flickering
2114d55 
(part of issue #450)
aecreations added a commit that referenced this issue Sep 22, 2024
@aecreations
Fixed dark mode styling of the Reload button on Synced Clippings folder
68f0740 
in Clippings Manager and Sidebar (part of issue #450)
aecreations added a commit that referenced this issue Sep 22, 2024
@aecreations
Improved icon for the root Synced Clippings folder when read-only
f87c763 
(part of issue #450)
aecreations added a commit that referenced this issue Sep 22, 2024
@aecreations
Added dark mode icons for the extension preferences page
a69f385 
(part of issue #450)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@aecreations aecreations

Labels
enhancement fixed
Projects
None yet
Milestone
7.0 San Francisco
Development

No branches or pull requests
1 participant
@aecreations