Skip to content

Darken dropdown divider#31131

Merged
patrickhlauke merged 3 commits into
mainfrom
v5-dropdown-divider
Jun 23, 2020
Merged

Darken dropdown divider#31131
patrickhlauke merged 3 commits into
mainfrom
v5-dropdown-divider

Conversation

@patrickhlauke
Copy link
Copy Markdown
Member

currently, $gray-200 is practically imperceptible. darkening to $gray-600 which also roughly matches the dropdown border color (when against white)

currently, `$gray-200` is practically imperceptible. darkening to `$gray-600` which also roughly matches the dropdown border color (when against white)
@patrickhlauke patrickhlauke requested a review from a team as a code owner June 21, 2020 09:39
@patrickhlauke
Copy link
Copy Markdown
Member Author

Current look of divider:

divider-gray-200

After this change:

divider-gray-600

@patrickhlauke
Copy link
Copy Markdown
Member Author

no backport, as it seems the divider wasn't a problem in v4 https://getbootstrap.com/docs/4.5/components/dropdowns/#dividers

@ysds
Copy link
Copy Markdown
Contributor

ysds commented Jun 23, 2020

LGTM, but also has the option of referring to $dropdown-border-color.

Comment thread scss/_variables.scss Outdated
@patrickhlauke
Copy link
Copy Markdown
Member Author

Using border color:

dropdown-divider-using-border-color

@patrickhlauke patrickhlauke merged commit 02ff387 into main Jun 23, 2020
@patrickhlauke patrickhlauke deleted the v5-dropdown-divider branch June 23, 2020 20:00
olsza pushed a commit to olsza/bootstrap that referenced this pull request Oct 3, 2020
currently, `$gray-200` is practically imperceptible. switch to reusing `$dropdown-border-color`.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants