N°3379 - Introduce more modern tooltip lib. in the backoffice

- Allow usage of quotes, especially in attributes description
- Allow line breaks, especially in attributes description
- Allow better positioning (automatic) when close to the screen limits
- Allow HTML (careful about XSS), content is sanitized by default
This commit is contained in:
Molkobain
2020-10-16 11:10:51 +02:00
parent 9a47e3cf74
commit 6edb308480
3 changed files with 70 additions and 6 deletions

View File

@@ -6,6 +6,10 @@
$ibo-field--sibling-spacing: 16px !default;
$ibo-field--value--color: $ibo-color-grey-700 !default;
$ibo-field--label--description--content: "?" !default;
$ibo-field--label--description--padding-left: 2px !default;
$ibo-field--label--description--color: $ibo-color-grey-700 !default;
.ibo-field {
@extend %ibo-font-ral-nor-150;
@@ -37,6 +41,18 @@ $ibo-field--value--color: $ibo-color-grey-700 !default;
max-width: 145px;
width: 30%;
padding-right: 10px;
> .ibo-has-description {
&::after {
content: $ibo-field--label--description--content;
padding-left: $ibo-field--label--description--padding-left;
vertical-align: top;
cursor: pointer;
color: $ibo-field--label--description--color;
@extend %ibo-font-ral-bol-100;
}
}
}
.ibo-field--value {