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

Fix the last breadcrumb item appearance #3769

Open
stsrki opened this issue Apr 2, 2024 · 1 comment
Open

Fix the last breadcrumb item appearance #3769

stsrki opened this issue Apr 2, 2024 · 1 comment

Comments

@stsrki
Copy link
Contributor

stsrki commented Apr 2, 2024

This is about Bulma.

Overview of the problem

This is about the Bulma CSS framework

Description

Make the last breadcrumb item grayed.

Steps to Reproduce

Go to https://bulma.io/documentation/components/breadcrumb/

Expected behavior

The last breadcrumb item should not look like a clickable link.

Actual behavior

It looks like a link, but when hovering with the mouse, it doesn't have a pointer.


Prior to v1

image

After the v1

image

@mikesmartbonds
Copy link

Its not broken, the issue is only in Light theme.
I am not a CSS expert, but it seems the determination of the colors is done through some fancy handling of hues, which seems to work well in dark them but not so much in light theme.
You are still able to get different colors if you set the CSS or SASS variables,

I did this in my SCSS:

@use "bulma/sass/components/breadcrumb" with (
$breadcrumb-item-color: hsl(217, 71%, 53%),
$breadcrumb-item-hover-color: hsl(220, 75%, 70%),
$breadcrumb-item-active-color: hsl(222, 10%, 10%)
);

but of course its not as clean.

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

No branches or pull requests

2 participants