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

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -40,7 +40,7 @@
{% endif %}
{% endblock %}
{% block styles %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.f79797b0.min.css' | url }}">
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.b0107b01.min.css' | url }}">
{% if config.theme.palette %}
{% set palette = config.theme.palette %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.2505c338.min.css' | url }}">

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);