Project

General

Profile

Actions

Bug #19629

closed

Select Boxes on Notifications Tab

Added by Sara Cannon 3 months ago. Updated about 1 month ago.

Status:
Resolved
Priority name:
Normal
Assignee:
Category name:
Design
Target version:
Start date:
2024-01-30
Due date:
% Done:

0%

Estimated time:
Deployment actions:

Description

On the Notifications tab, the select boxes don't show up on "Unread" and then sporadically on "Read". There are no select boxes in the "action center"

Here are some designs to help address this



Once a bulk action is selected, the apply button appears.


Files

Screenshot 2024-01-29 at 4.44.24 PM.png (320 KB) Screenshot 2024-01-29 at 4.44.24 PM.png Sara Cannon, 2024-01-30 11:44 AM
Unread.png (240 KB) Unread.png Sara Cannon, 2024-01-30 12:17 PM
Read.png (237 KB) Read.png Sara Cannon, 2024-01-30 12:17 PM
Action Center.png (181 KB) Action Center.png Sara Cannon, 2024-01-30 12:17 PM
Screenshot 2024-01-30 at 11.19.39 AM.png (17.2 KB) Screenshot 2024-01-30 at 11.19.39 AM.png Sara Cannon, 2024-01-30 12:20 PM
Unread.png (240 KB) Unread.png Sara Cannon, 2024-01-31 04:25 PM
disabled-checkbox.gif (64.2 KB) disabled-checkbox.gif Raymond Hoh, 2024-01-31 07:20 PM
prohibition.svg (512 Bytes) prohibition.svg Raymond Hoh, 2024-02-06 06:42 PM
Actions #1

Updated by Raymond Hoh 3 months ago

Hi Sara,

Action Center notifications do not have a bulk checkbox next to them because they require the user to make a decision (Accept / Join, Decline), so they are not dismissable.

If we added the checkbox next to Action Center notifications, a user could potentially delete these notifications and I think that is something we do not want to do. Let me know if there is a better way to convey this in the UI. Maybe perhaps through documentation?

Also you shouldn't be able to see Action Center type notifications on the "Read" tab. That is probably a bug as they should have been deleted. I'll need to see if there are other users that may be affected by this.

Actions #2

Updated by Sara Cannon 2 months ago

On the call, Ray, you mentioned a potential solution to be that the action center items have disabled select boxes beside them. I like that approach. Here's a comp for that.

Actions #3

Updated by Raymond Hoh 2 months ago

Thanks for the comp, Sara.

Apparently, it isn't possible to style a disabled checkbox natively with CSS so I had to employ a different approach. Should there be a title attribute when you mouseover a disabled checkbox? I've attached an animated GIF of what I've got so far:

Let me know what you think before I add this to cdev for testing.

Actions #4

Updated by Sara Cannon 2 months ago

This looks good! Could we make the mouse CUNY Black? I feel the red is too abrupt. Thank You!

Actions #5

Updated by Raymond Hoh 2 months ago

I'm using the not-allowed cursor native to the browser, which is red. We cannot change the color, but we can use a custom one. I did a quick search for an open-source, not-allowed SVG and attached one I found from iconoir.com. What do you think?

If the SVG from iconoir isn't good enough, can you provide me with either a PNG file or SVG v1.1 file to use for the not-allowed cursor? Thanks!

Actions #6

Updated by Sara Cannon 2 months ago

That should be great!

Actions #7

Updated by Raymond Hoh about 1 month ago

  • Category name set to Design
  • Status changed from New to Staged for Production Release
  • Target version set to 2.3.4

I've added the disabled checkbox for actionable notifications as well as the tweak to only display the "Apply" button when a bulk action is selected in https://github.com/cuny-academic-commons/cac/commit/5104be7ceb41aeece16f0cde3a80ad9b7b5099c3 . I've also moved the bulk actions dropdown outside the main container to match the mockup in https://github.com/cuny-academic-commons/cac/commit/6200c24809be47816d7466c6b9ab3765382eb5db . This will be deployed as part of tomorrow's maintenance release.

Actions #8

Updated by Boone Gorges about 1 month ago

  • Status changed from Staged for Production Release to Resolved
Actions

Also available in: Atom PDF