Bug #19629
closed
Select Boxes on Notifications Tab
Added by Sara Cannon 6 months ago.
Updated 4 months ago.
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"
![](/attachments/download/27387/Screenshot%202024-01-29%20at%204.44.24%20PM.png)
Here are some designs to help address this
![](/attachments/download/27402/Unread.png)
![](/attachments/download/27389/Read.png)
![](/attachments/download/27390/Action%20Center.png)
Once a bulk action is selected, the apply button appears.
![](/attachments/download/27391/Screenshot%202024-01-30%20at%2011.19.39%20AM.png)
Files
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.
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.
![](/attachments/download/27402/Unread.png)
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:
![](https://redmine.gc.cuny.edu/attachments/download/27403/disabled-checkbox.gif)
Let me know what you think before I add this to cdev for testing.
This looks good! Could we make the mouse CUNY Black? I feel the red is too abrupt. Thank You!
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!
- Category name set to Design
- Status changed from New to Staged for Production Release
- Target version set to 2.3.4
- Status changed from Staged for Production Release to Resolved
Also available in: Atom
PDF