FIX: restore hover tooltip on truncated text
This commit is contained in:
parent
c661fc880e
commit
a303e591cc
1 changed files with 25 additions and 0 deletions
25
styles.css
25
styles.css
|
|
@ -5940,3 +5940,28 @@ textarea:focus {
|
||||||
.track-list-search-input {
|
.track-list-search-input {
|
||||||
font-size: 0.95rem;
|
font-size: 0.95rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Custom Tooltip */
|
||||||
|
#custom-tooltip {
|
||||||
|
position: fixed;
|
||||||
|
background: var(--card);
|
||||||
|
color: var(--card-foreground);
|
||||||
|
padding: 0.5rem 0.75rem;
|
||||||
|
border-radius: var(--radius);
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
font-size: 0.85rem;
|
||||||
|
pointer-events: none;
|
||||||
|
z-index: 10000;
|
||||||
|
opacity: 0;
|
||||||
|
transition: opacity 0.1s ease;
|
||||||
|
white-space: nowrap;
|
||||||
|
max-width: 400px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
will-change: transform, opacity;
|
||||||
|
}
|
||||||
|
|
||||||
|
#custom-tooltip.visible {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue