Bug #19629
closed
Select Boxes on Notifications Tab
Added by Sara Cannon 10 months ago.
Updated 9 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"
Here are some designs to help address this
Once a bulk action is selected, the apply button appears.
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.
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.
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