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 ellipsis in footer due to potential WebKit rendering bug

Browse Source
This commit is contained in:
squidfunk 2021-12-05 19:02:26 +01:00
parent 21b7bc4999
commit 37e6f430f9
6 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
material/assets/stylesheets/main.9f2461a2.min.css vendored
View File

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

2
material/assets/stylesheets/main.a617204b.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

2
material/base.html
View File

@ -34,7 +34,7 @@
{% endif %} {% endif %}
{% endblock %} {% endblock %}
{% block styles %} {% block styles %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.9f2461a2.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/main.a617204b.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.9204c3b2.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.9204c3b2.min.css' | url }}">

5
src/assets/stylesheets/main/layout/_footer.scss
View File

@ -45,6 +45,11 @@
// Footer link to previous and next page // Footer link to previous and next page
&__link { &__link {
display: flex; display: flex;
// Hack: some browsers induce ellipsis on flex children that have are set
// to `overflow: hidden` and `text-overflow: ellipsis`. Enforcing growth by
// a tiny factor seems to get rid of the ellipsis and renders the text as
// it should - see https://bit.ly/2ZUCXQ8
flex-grow: 0.01;
padding-top: px2rem(28px); padding-top: px2rem(28px);
padding-bottom: px2rem(8px); padding-bottom: px2rem(8px);
outline-color: var(--md-accent-fg-color); outline-color: var(--md-accent-fg-color);