Fixed positioning of abbreviations on touch devices

This commit is contained in:
squidfunk
2023-01-02 17:07:47 +01:00
parent 788f087730
commit fbfb662588
6 changed files with 4 additions and 9 deletions

View File

@@ -294,16 +294,11 @@ kbd {
// Show tooltip for touch devices
@media (hover: none) {
position: relative;
// Tooltip
&[title]:is(:focus, :hover)::after {
position: absolute;
inset-inline-start: 0;
display: inline-block;
width: auto;
min-width: max-content;
max-width: 80%;
inset-inline: px2rem(16px);
margin-top: 2em;
padding: px2rem(4px) px2rem(6px);
color: var(--md-default-bg-color);