Tag: Undo |
No edit summary |
||
| (21 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
.has-tt { | .has-tt { | ||
display: inline; | display: inline; | ||
} | } | ||
| Line 11: | Line 10: | ||
.has-tt:hover .tt-wrapper { | .has-tt:hover .tt-wrapper { | ||
visibility: visible; | visibility: visible; | ||
} | } | ||
| Line 17: | Line 15: | ||
display: block; | display: block; | ||
position: relative; | position: relative; | ||
width: max-content; | |||
max-width: 400px; | |||
padding: 6px 12px; | |||
color: #FFFFFF; | |||
background: #353535; | |||
text-align: center; | |||
border-radius: 8px; | |||
} | } | ||
.tt-after { | .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; | |||
border- | |||
} | } | ||
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;
}