Files
iTop/css/backoffice/components/_field.scss
Molkobain 6edb308480 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
2020-10-16 11:10:51 +02:00

62 lines
1.2 KiB
SCSS

/*!
* copyright Copyright (C) 2010-2020 Combodo SARL
* license http://opensource.org/licenses/AGPL-3.0
*/
$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;
& ~ .ibo-field {
margin-top: $ibo-field--sibling-spacing;
}
}
.ibo-field-large {
display: inherit;
.ibo-field--label {
display: inherit;
}
}
.ibo-field-small {
display: table;
width: 100%;
.ibo-field--label {
display: table-cell;
vertical-align: top;
}
}
.ibo-field--label {
min-width: 100px;
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 {
display: table;
width: 100%;
color: $ibo-field--value--color;
}