composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-04-23 02:28:44 +02:00
Code Issues Packages Projects Releases Wiki Activity

N°3581 - Dashlet: Add max-width and tooltip on pills

Browse Source
This commit is contained in:
Molkobain
2021-03-18 11:46:33 +01:00
parent ac91bc8898
commit 72b2feb697
5 changed files with 51 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
css/backoffice/components/_pill.scss
View File

@@ -19,6 +19,7 @@
/* SCSS variables */
$ibo-pill--margin: 4px 8px !default;
$ibo-pill--padding: 6px 10px !default;
$ibo-pill--max-width: 120px !default;
$ibo-pill--border-radius: $ibo-border-radius-300 !default;
$ibo-pill-new-state-primary-color: $ibo-color-blue-100 !default;
@@ -90,9 +91,8 @@ $ibo-pill-states-colors: (
/* Rules */
.ibo-pill {
display: flex;
flex-direction: row;
align-items: center;
@extend %ibo-fully-centered-content;
max-width: $ibo-pill--max-width;
margin: $ibo-pill--margin;
padding: $ibo-pill--padding;
border-radius: $ibo-pill--border-radius;

5
css/backoffice/utils/helpers/_misc.scss
View File

@@ -26,6 +26,7 @@
.ibo-is-fullwidth {
width: 100%;
}
/* Used on all ancestors when an element needs to be fullscreen (see .ibo-is-fullscreen) */
html.ibo-has-fullscreen-descendant{
position: fixed !important;
@@ -80,6 +81,10 @@ body.ibo-has-fullscreen-descendant{
overflow-x: hidden;
text-overflow: ellipsis;
}
.ibo-text-truncated-with-ellipsis{
@extend %ibo-text-truncated-with-ellipsis;
}
%ibo-medallion{
position: relative;
border-radius: var(--ibo-border-radius-full);