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

N°3882 - Header dynamic: Pills now shows the real color from the DM

Browse Source
This commit is contained in:
Molkobain
2021-09-23 09:25:16 +02:00
parent 197864ff83
commit 1cb100b010
13 changed files with 139 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
css/backoffice/blocks-integrations/_field-badge-within-datatable.scss
View File

@@ -1,4 +1,4 @@
/*!
/*
* @copyright Copyright (C) 2010-2021 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*/

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

@@ -83,4 +83,11 @@ $ibo-pill-states-colors: (
margin: $ibo-pill--margin;
padding: $ibo-pill--padding;
border-radius: $ibo-pill--border-radius;
color: var(--ibo-main-color--900);
background-color: var(--ibo-main-color--100);
&:hover, &:active {
color: inherit; /* Force color to stay as defined in pill instead of being overloaded by anchor's rules */
}
}

1
css/backoffice/utils/_all.scss
View File

@@ -4,5 +4,6 @@
*/
@import "variables/all";
@import "functions/all";
@import "mixins/all";
@import "helpers/all";

6
css/backoffice/utils/functions/_all.scss Normal file
View File

@@ -0,0 +1,6 @@
/*
* @copyright Copyright (C) 2010-2021 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*/
@import "color";

18
css/backoffice/utils/functions/_color.scss Normal file
View File

@@ -0,0 +1,18 @@
/*
* @copyright Copyright (C) 2010-2021 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*/
/**
* Adjust the lightness of $sColor to the absolute $fTargetLightness value.
* It is different than lighten() / darken() that shift the current lightness by X%
*/
@function ibo-adjust-lightness($sColor, $fTargetLightness) {
$iHue: hue($sColor);
$fSaturation: saturation($sColor);
$fLightness: lightness($sColor);
$fAlpha: alpha($sColor);
@return hsla($iHue, $fSaturation, $fTargetLightness, $fAlpha);
}

1
css/backoffice/utils/variables/colors/_all.scss
View File

@@ -3,6 +3,7 @@
* @license http://opensource.org/licenses/AGPL-3.0
*/
@import "base";
@import "base-palette";
@import "semantic-palette";
@import "lifecycle-palette";

2
css/backoffice/utils/variables/colors/_base-palette.scss
View File

@@ -3,7 +3,7 @@
* @license http://opensource.org/licenses/AGPL-3.0
*/
/* base color palettes */
/* Base color palettes */
$ibo-color-white-100: hsla(0, 0%, 100%, 1) !default;
$ibo-color-white-200: hsla(0, 0%, 94.9%, 1) !default;
$ibo-color-transparent: hsla(0, 0%, 100%, 0) !default;

9
css/backoffice/utils/variables/colors/_base.scss Normal file
View File

@@ -0,0 +1,9 @@
/*
* @copyright Copyright (C) 2010-2021 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*/
/* Base helpers for colors */
/* - These lightness vars are used to force a certain lightness on HSLA colors */
$ibo-color-base-lightness-100: 93% !default;
$ibo-color-base-lightness-900: 15% !default;