Remove bounce animation from tooltips - .css request

Help
1

Hey all,
Wondering if a .css wizard in the crowd who could help remove the bounce from the tooltips, especially hovering over the explorer. I just find the animation a bit visually jarring. I’m using the Obuntu theme, which has some “ease” code, but that doesn’t seem to do much. Using Obsidian 0.10.11.

Thanks!

Current .css

.tooltip {
  background-color: var(--tooltip-bg);
  color: #fff;
  font-weight: bold;
}
.tooltip .tooltip-arrow {
  border-bottom: 5px solid var(--tooltip-bg);
}

/* Make selected items in settings more visible */
.horizontal-tab-nav-item.is-active,
.vertical-tab-nav-item.is-active {
  background-color: var(--background-primary);
}
.horizontal-tab-nav-item:hover,
.vertical-tab-nav-item:hover {
  background-color: var(--background-primary);
  transition: all 0.3s ease;
}
2

This is the code I use to remove the animations:

.tooltip {
  animation: unset !important;
}
2 Likes
3

Thank you! I’m learning a lot here.

4

This CSS doesn’t seem to work anymore. Does anyone have an updated snippet?