No edit summary |
No edit summary |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
.has-tt { | .has-tt { | ||
display: inline; | |||
} | } | ||
.tt-wrapper { | |||
position: absolute; | |||
visibility: hidden; | |||
} | |||
.has-tt:hover | .has-tt:hover .tt-wrapper { | ||
visibility: visible; | visibility: visible; | ||
} | } | ||
.tt { | .tt { | ||
display: block; | display: block; | ||
position: relative; | position: relative; | ||
width: max-content; | width: max-content; | ||
max-width: 400px; | max-width: 400px; | ||
| Line 25: | Line 24: | ||
} | } | ||
.tt | .tt-after { | ||
content: ''; | content: ''; | ||
position: absolute; | position: absolute; | ||
Latest revision as of 12:44, 6 May 2025
.has-tt {
display: inline;
}
.tt-wrapper {
position: absolute;
visibility: hidden;
}
.has-tt:hover .tt-wrapper {
visibility: visible;
}
.tt {
display: block;
position: relative;
width: max-content;
max-width: 400px;
padding: 6px 12px;
color: #FFFFFF;
background: #353535;
text-align: center;
border-radius: 8px;
}
.tt-after {
content: '';
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -8px;
width: 0;
height: 0;
border-bottom: 8px solid #000000;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
}