AnKing-VIP / AnKing-Note-Types

https://www.ankingmed.com
GNU Affero General Public License v3.0
41 stars 20 forks source link

How can I have tags with full opacity always and not only when I hover over them. #180

Closed CaptainDead closed 2 months ago

CaptainDead commented 2 months ago

When we hover over the tags in the bottom they get darker, bolder. how can I make the tags to always be like that and not only when I hover over them? like if there is a change I can do in the 'cards' of my ranking note types then please tell me. I really need to know.

without hover - image

when hover - image

AnKingMed commented 2 months ago

You would have to edit the styling css of the note type

/* Clickable Tags (need to download the add-on) */
kbd {
  display: inline-block;
  letter-spacing: .1px;
  font-weight: bold;
  font-size: 10px !important;
  text-shadow: none !important;
  padding: 0.05rem 0.1rem !important;
  margin: 1px !important;
  border-radius: 4px;
  border-width: 1.5px !important;
  border-style: solid;
  background-color: transparent !important;
  box-shadow: none !important;
  opacity: 1;
  vertical-align: middle !important;
  line-height: auto !important;
  height: auto !important;
}

/* Tag Becomes More Visible On Hover */
kbd:hover {
  opacity: 1;
  transition: opacity 0.2s ease;
}
CaptainDead commented 2 months ago

Thanks a lot, it worked💯🥂

I also found a way to change the BG color, I wanted to do that too. image