Fixed RTL: A little styling issue with breadcrumb in FireFox

rellect

Member
When link in breadcrumb is hovered, the color of the arrow remains the same (Firefox)
Untitled.webp

It seems the problematic part is the use of ` -moz-border-right-colors` in here
HTML:
.breadcrumb .crust .arrow span
{
    @property "breadcrumbItemArrowInner";
    border: 12px solid transparent;
    border-right: 1px none black;
    border-left-color: @breadcrumbItemCrumb.background-color;
    -moz-border-right-colors: @breadcrumbItemCrumb.background-color;
    display: block;
    position: absolute;
    left: -13px;
    top: -12px;
    z-index: 51;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 9999px;
    width: 0px;
    height: 0px;
    @property "/breadcrumbItemArrowInner";
}
The issue is `-moz-border-right-colors` not replaced by `-moz-border-left-colors` in RTL.
 
Back
Top Bottom