From a05e9da99a6b976cef0d9db92491ab3e578f60e4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Javi=20Mart=C3=ADn?= Date: Tue, 17 Nov 2020 17:57:36 +0100 Subject: [PATCH] Fix table icon tooltips with long texts Combining the max-width and the white-space property resulted in the text exceeding its bounds if the text was longer than what the max-width property allowed. The `width: max-content` property, on the other hand, is compatible with the max-width property. --- app/assets/stylesheets/mixins.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/assets/stylesheets/mixins.scss b/app/assets/stylesheets/mixins.scss index f5b7e8fd2..2d5bfdb10 100644 --- a/app/assets/stylesheets/mixins.scss +++ b/app/assets/stylesheets/mixins.scss @@ -181,7 +181,7 @@ @include tooltip; line-height: $global-lineheight; margin-top: $line-height / 8; - white-space: nowrap; + width: max-content; &::before { @include css-triangle($tooltip-pip-width, $tooltip-background-color, up);