Md-slider .md-thumb shape

Hello, I'm trying to change the shape of .md-thumb but I always seem to have a circle superimposed on top.

Screenshot 2023-01-17 131425

md-slider .md-thumb {
    z-index: 10;
    position: absolute;
    left: -25px;
    top: 14px;
    width: 50px;
    height: 20px;
    border-radius: 5px;
    transform: scale(.9);
    transform: scale(.9);
    transition: all .4s cubic-bezier(.25,.8,.25,1);
    box-shadow: 0 0 6px #00000070;
    background-color: var(--color-text-primary);
}

Any Ideas on how to fix this?

I found a workaround by setting background colour to --nr-dashboard-pageTitlebarBackgroundColor.

md-slider .md-thumb {
    z-index: 10;
    position: absolute;
    left: -25px;
    top: 14px;
    width: 50px;
    height: 20px;
    border-radius: 5px;
    transform: scale(.9);
    transform: scale(.9);
    transition: all .4s cubic-bezier(.25,.8,.25,1);
    box-shadow: 0 0 6px #00000070;
    background-color: var(--nr-dashboard-pageTitlebarBackgroundColor);
}

:grinning:

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.