mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-22 09:26:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge c51f6fcc26 into 1039a4788d

Browse source
This commit is contained in:
JWB 2025-03-16 00:18:34 -04:00 • committed by GitHub
commit c113a5c7a1
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 8 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

11
scss/components/_tooltip.scss
View file

@ -9,7 +9,7 @@
#{$parent-selector} [data-tooltip] { #{$parent-selector} [data-tooltip] {
position: relative; position: relative;
&:not(a, button, input, [role="button"]) { &:not(:has(a, button, input, [role="button"])):not(a, button, input, [role="button"]) {
border-bottom: 1px dotted; border-bottom: 1px dotted;
text-decoration: none; text-decoration: none;
cursor: help; cursor: help;
@ -19,11 +19,13 @@
&[data-placement="top"]::after, &[data-placement="top"]::after,
&::before, &::before,
&::after { &::after {
display: block; display: inline-block;
z-index: 99; z-index: 99;
position: absolute; position: absolute;
bottom: 100%; bottom: 100%;
left: 50%; left: 50%;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
overflow: hidden; overflow: hidden;
transform: translate(-50%, -0.25rem); transform: translate(-50%, -0.25rem);
@ -34,9 +36,10 @@
font-style: normal; font-style: normal;
font-weight: var(#{$css-var-prefix}font-weight); font-weight: var(#{$css-var-prefix}font-weight);
font-size: 0.875rem; font-size: 0.875rem;
text-align: center;
text-decoration: none; text-decoration: none;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: normal;
opacity: 0; opacity: 0;
pointer-events: none; pointer-events: none;
} }
@ -44,6 +47,7 @@
// Caret // Caret
&[data-placement="top"]::after, &[data-placement="top"]::after,
&::after { &::after {
width: 0;
padding: 0; padding: 0;
transform: translate(-50%, 0rem); transform: translate(-50%, 0rem);
border-top: 0.3rem solid; border-top: 0.3rem solid;
@ -205,6 +209,7 @@
50% { 50% {
opacity: 0; opacity: 0;
} }
to { to {
transform: var(#{$css-var-prefix}tooltip-caret-slide-to); transform: var(#{$css-var-prefix}tooltip-caret-slide-to);
opacity: 1; opacity: 1;