search

DBuit / sidebar-card

406 stars 39 forks source link

What CSS style should i change to get rid of the blue select circle around the active page (room in this case) #55

Closed Boogaard53 closed 10 months ago

Boogaard53 commented 2 years ago

Tablet-Home-Assistant (2)

Newlance commented 2 years ago

Add an extra slash (/) to the end of the actionable URL in your sidebarMenu section. That should do it. It will still navigate to the right page, but it wont recognize that its ON the right page.

jwaz73 commented 1 year ago

In case you haven't found an answer to your question yet, this style item is in the .sidebarMenu li.active::before element. By default it will take the color defined in --sidebar-selected-icon-color. The default for this element is background-color: var(--sidebar-selected-icon-color). You can set this color in your style settings or can override the setting as transparent to disable the highlighting all together.

style: |
...
  .sidebarMenu li.active::before {
    background-color: transparent!important;
  }
...

That's how I solved it anyway...