Project

General

Profile

Actions
Copy link

Bug #21463

open

Drop Down Styling

Added by Sara Cannon 22 days ago. Updated 2 days ago.

Status:
New
Priority name:
Normal
Assignee:
Raymond Hoh
Category name:
Design
Target version:
2.5.0
Start date:
2024-11-12
Due date:
% Done:

0%

Estimated time:
Deployment actions:

Description

The drop-down menus are properly styled on the top-level pages People, Groups, Sites, Courses, etc.

Can we carry over that drop-down styling to the profile and account pages?
https://commons.gc.cuny.edu/members/scannon/activity/
https://commons.gc.cuny.edu/members/scannon/blogs/
https://commons.gc.cuny.edu/members/scannon/groups/
https://commons.gc.cuny.edu/members/scannon/friends/
https://commons.gc.cuny.edu/members/scannon/messages/
https://commons.gc.cuny.edu/members/scannon/notifications/
https://commons.gc.cuny.edu/members/scannon/notifications/read/
https://commons.gc.cuny.edu/members/scannon/notifications/action-center/
https://commons.gc.cuny.edu/members/scannon/invites/sent/

Files

Download all files
Screenshot 2024-11-12 at 9.57.00 AM.png (63.5 KB) Screenshot 2024-11-12 at 9.57.00 AM.png Sara Cannon, 2024-11-12 11:00 AM
Screenshot 2024-11-12 at 11.06.02 AM.png (116 KB) Screenshot 2024-11-12 at 11.06.02 AM.png Sara Cannon, 2024-11-12 12:06 PM
Actions
Copy link
 #3

Updated by Raymond Hoh 12 days ago

This is a little tricky because the styled dropdown relies on a JS library called Select2 and each dropdown needs to be instantiated by Select2. I've been doing some tests and I have a fix mostly ready, but the dropdowns on the New Event page will need some styling adjustments like using a darker border to match the existing form fields on that page. I'll have this up on cdev by the end of the week.

Actions
Copy link
 #4

Updated by Raymond Hoh 3 days ago

In https://github.com/cuny-academic-commons/cac/commit/9249b0ecb228671eb315cda44c885ca4b0536142, I've styled all unstyled dropdown menus with exception to the ones in the invite modal. I had to make some styling adjustments to the "New Event" page and some JS fixes to the group's "Settings" page to avoid some conflicts with Select2. This is available for testing on cdev.

Boone, when you have the chance, can you take a look at the unstyled dropdown menus in the Invite Modal?

Actions
Copy link
 #5

Updated by Boone Gorges 2 days ago

  • Target version set to 2.5.0

Thanks, Ray. I used a similar trick for cac-onboarding, switching to select2 and then adding the wrapper class to inherit the styling.

Actions
Copy link

Also available in: Atom PDF