OpenSourceArk/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-06-14 11:52:32 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fixed positioning of abbreviations on touch devices

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
material/assets/stylesheets/main.b0107b01.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
material/assets/stylesheets/main.b0107b01.min.css.map Normal file
View File

File diff suppressed because one or more lines are too long

1
material/assets/stylesheets/main.f79797b0.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
material/assets/stylesheets/main.f79797b0.min.css.map
View File

File diff suppressed because one or more lines are too long

2
material/base.html
View File

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

7
src/assets/stylesheets/main/_typeset.scss
View File

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