Fixed overly long tooltips

squidfunk · Apr 14, 2024 · 599193e · 599193e
1 parent e15518c
commit 599193e
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 3 deletions.
diff --git a/.../assets/stylesheets/main.458f862d.min.css → .../assets/stylesheets/main.f0945174.min.css b/.../assets/stylesheets/main.458f862d.min.css → .../assets/stylesheets/main.f0945174.min.css
diff --git a/...ets/stylesheets/main.458f862d.min.css.map → ...ets/stylesheets/main.f0945174.min.css.map b/...ets/stylesheets/main.458f862d.min.css.map → ...ets/stylesheets/main.f0945174.min.css.map
diff --git a/material/templates/base.html b/material/templates/base.html
@@ -44,7 +44,7 @@
       {% endif %}
     {% endblock %}
     {% block styles %}
-      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.458f862d.min.css' | url }}">
+      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.f0945174.min.css' | url }}">
       {% if config.theme.palette %}
         {% set palette = config.theme.palette %}
         <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.06af60db.min.css' | url }}">

diff --git a/src/templates/assets/stylesheets/main/components/_tooltip2.scss b/src/templates/assets/stylesheets/main/components/_tooltip2.scss
@@ -182,6 +182,13 @@
           )
         );
       width: fit-content;
+      // @todo refactor - this is currently a hack to fix overly long tooltips,
+      // but should be refactored in the future to be more flexible
+      max-width:
+        min(
+          calc(100vw - 2 * #{px2rem(16px)}),
+          400px
+        );
       padding: px2rem(4px) px2rem(8px);
       font-size: px2rem(10px);
       font-weight: 700;