Fixed ellipsis in footer due to potential WebKit rendering bug

Author: squidfunk

material/assets/stylesheets/main.9f2461a2.min.css

@@ -34,7 +34,7 @@
       {% endif %}
     {% endblock %}
     {% 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 %}
         {% set palette = config.theme.palette %}
         <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.9204c3b2.min.css' | url }}">

material/assets/stylesheets/main.9f2461a2.min.css.map

@@ -45,6 +45,11 @@
   // Footer link to previous and next page
   &__link {
     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-bottom: px2rem(8px);
     outline-color: var(--md-accent-fg-color);