Fixed overly long tooltips

This commit is contained in:
squidfunk 2024-04-14 14:33:47 +07:00
parent e15518cfa5
commit 599193edfa
No known key found for this signature in database
GPG Key ID: 5ED40BC4F9C436DF
4 changed files with 10 additions and 3 deletions

View File

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

View File

@ -182,6 +182,13 @@
) )
); );
width: fit-content; 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); padding: px2rem(4px) px2rem(8px);
font-size: px2rem(10px); font-size: px2rem(10px);
font-weight: 700; font-weight: 700;