consul/nairobi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix table icon tooltips with long texts

Browse Source 
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.
This commit is contained in:
Javi Martín
2020-11-17 17:57:36 +01:00
parent b5eed8c3ab
commit a05e9da99a
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/stylesheets/mixins.scss
View File

@@ -181,7 +181,7 @@
@include tooltip; @include tooltip;
line-height: $global-lineheight; line-height: $global-lineheight;
margin-top: $line-height / 8; margin-top: $line-height / 8;
white-space: nowrap; width: max-content;
&::before { &::before {
@include css-triangle($tooltip-pip-width, $tooltip-background-color, up); @include css-triangle($tooltip-pip-width, $tooltip-background-color, up);