Jump to content

Fixing highlight border


Go to solution Solved by Happy2Play,

Recommended Posts

arrbee99
Posted

Hoping someone might know how to fix this -

Embyfixhighlightborder.thumb.jpg.6dc2f3c0ad6b39229f5a801144dd709f.jpg

in Firefox hovering over an item with a mouse, like the Entebbe one shows the correct colour / radius with css, but picking one by using the keyboard arrows, like the 5th Wave, doesn't, because there's no css (far as I remember).

I thought something to do with this, but nope -

button.itemAction.cardContent-button.cardContent.cardImageContainer {
    border-radius: 1.8rem;
}


div.cardOverlayContainer.itemAction.cardPadder-backdrop {
    border-radius: 1.8rem;
}

  • Solution
Happy2Play
Posted (edited)

You mean this?

image.png.23a91d37ec4a3eefd3ac0edd5e1da004.png

.card:focus-visible .cardContent-bxsborder-fv::before {
  border-radius: 1.8rem;
}

as for color it is set to this by default.

.card:focus-visible .cardContent-bxsborder-fv::before {
  border-color:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.8)!important

 

Edited by Happy2Play
arrbee99
Posted

Excellent. Thanks very much.

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...