Enabled multiline tooltips, and disabled dotted lines for tooltips when child elements contain links of form elements.

This commit is contained in:
Yohn 2024-11-30 18:00:11 -05:00
parent 68a9fb92ee
commit fdf5c83210
241 changed files with 514 additions and 480 deletions

View file

@ -2975,13 +2975,13 @@ body:has(dialog[open]) {
.pico [data-tooltip] {
position: relative;
}
.pico [data-tooltip]:not(a, button, input, [role=button]) {
.pico [data-tooltip]:not(:has(a, button, input, [role=button])):not(a, button, input, [role=button]) {
border-bottom: 1px dotted;
text-decoration: none;
cursor: help;
}
.pico [data-tooltip][data-placement=top]::before, .pico [data-tooltip][data-placement=top]::after, .pico [data-tooltip]::before, .pico [data-tooltip]::after {
display: block;
display: inline-block;
z-index: 99;
position: absolute;
bottom: 100%;
@ -2998,7 +2998,7 @@ body:has(dialog[open]) {
font-size: 0.875rem;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
white-space: pre;
opacity: 0;
pointer-events: none;
}