Breadcrumb linking
I'm not sure if it's been discussed before (and I'm too lazy to search), but I'm wondering if the Elkarte Light theme breadcrumbs could benefit from moving the a-link from the breadcrumb text to the breadcrumb li?
Re: Breadcrumb linking
Reply #1 –
Bumping, because I'd actually like to have this "feature" (tweak).
Re: Breadcrumb linking
Reply #2 –
Yep, would be better, for mobile devices too. But I remember some issues with the new home button in the breadcrumb.
Re: Breadcrumb linking
Reply #4 –
At the moment you have to click on the text to follow the link. We wish we could click on the whole button instead.
Re: Breadcrumb linking
Reply #8 –
Well I'm not digging the images, no surprise. In playing around a bit I found a way to slightly change the current link behavior which is somewhat better I think
Today the width of the link area is the width of the text in each crumb. We can change that to be the with of the li, meaning the arrow, but it does have another side effect that I'll try to explain.
Even thought it looks like an arrow shape, the li is still just a rectangle in terms of the link. So when I move the CSS around a bit you can indeed place the pointer on the tip of an arrow and click to select that crumb as expected BUT the side effect is the "tail" of the next link is also in that link.
Think of drawing a vertical line at each arrow tip, everything in that rectangle is the link, so the tip of the current and the tail of the next ... thats just the way it is without images and the best I think we could do.
Re: Breadcrumb linking
Reply #9 –
But even with images, I think it's impossible to have a link with a shape that is not a rectangle, so you'll get the exact same result: linking from tip to tip.
If it is possible, the :after used to create the arrow effect should be moved from the span to the a, that way the arrow would be linked as well... I think.
Re: Breadcrumb linking
Reply #10 –
It's not even necessary to have the arrow tips linked, just expand the links to the li element instead of the a. Let the link fall wherever for now, until you come up with a more elegant solution. Or just mark it as a theme problem on Light.