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.

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

1343 Make expand/collapse buttons blue #1347

Merged
merged 3 commits into from
Sep 3, 2024
Merged

Conversation

peetucket
Copy link
Member

Fixes #1341 - make expand/collapse buttons blue

With this PR:

Screenshot 2024-08-30 at 2 53 12 PM

@@ -208,10 +208,13 @@ Uncomment lines 142-144

.expand-collapse .btn-outline-secondary {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It's really odd that we're changing secondary buttons to be blue. The component library defines "primary" as the blue color. Is there a reason we can't change the class?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think it makes sense to use the btn-outline-primary class to get the blue color we want without redefining what the -secondary button color is (even if targeted to just these particular buttons), but unless I'm missing something we still need to specify the blue background/white foreground when active for just the expand/collapse buttons (which the stylesheet change is targeted to).

I just pushed a commit to do this.

color: white;
background-color:var(--stanford-cardinal);
}
--bs-btn-hover-color: var(--stanford-digital-blue-dark);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

None of these are necessary anymore, right? Isn't this the default?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I just reviewed, and you are right that several are default in the component library and can be removed. But the active button turning solid blue isn't the default and I think it's what is requested. So I think a couple overrides are still relevant.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actually, was able to adjust the existing &.active definition to be blue instead of red. Seemed to do it.

@peetucket peetucket force-pushed the 1343-expand-collapse-blue branch 2 times, most recently from 197df6e to 19fd242 Compare September 3, 2024 21:12
@jcoyne jcoyne merged commit 4642246 into main Sep 3, 2024
2 checks passed
@jcoyne jcoyne deleted the 1343-expand-collapse-blue branch September 3, 2024 21:58
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Make expand/collapse search result buttons blue not red
2 participants