composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-02-13 07:24:13 +01:00
Code Issues Packages Projects Releases Wiki Activity

N°6159 - Enhancement on mail notification screen

Browse Source
This commit is contained in:
vdumas
2023-04-12 14:16:13 +02:00
parent 1be7e8526e
commit 84b1eca6c8
6 changed files with 234 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
css/backoffice/components/input/_input-set.scss
View File

@@ -19,7 +19,7 @@ $ibo-input-set--item--siblings-spacing: 3px !default;
$ibo-input-set--item--margin-y: 1px !default;
$ibo-input-set--item--padding-x: 6px !default;
$ibo-input-set--item--padding-y: $ibo-spacing-200 !default;
$ibo-input-set--item--max-width: 120px !default;
$ibo-input-set--item--max-width: 360px !default;
$ibo-input-set--item--background-color: $ibo-color-white-100 !default;
$ibo-input-set--item--border: none !default;
$ibo-input-set--item--border-radius: $ibo-border-radius-300 !default;

89
css/backoffice/datamodel/_action.scss Normal file
View File

@@ -0,0 +1,89 @@
/*
* @copyright Copyright (C) 2010-2023 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*/
// Class itself
$ibo-dm-class--Action--main-color: $ibo-color-blue-grey-600 !default;
$ibo-dm-class--Action--complementary-color: $ibo-color-white-100 !default;
:root {
--ibo-dm-class--Action--main-color: #{$ibo-dm-class--Action--main-color};
--ibo-dm-class--Action--complementary-color: #{$ibo-dm-class--Action--complementary-color};
}
.ibo-dm-class--Action {
--ibo-main-color: #{$ibo-dm-class--Action--main-color};
--ibo-main-color--100: #{ibo-adjust-alpha(ibo-adjust-lightness($ibo-dm-class--Action--main-color, $ibo-color-base-lightness-100), $ibo-color-base-opacity-for-lightness-100)};
--ibo-main-color--900: #{ibo-adjust-alpha(ibo-adjust-lightness($ibo-dm-class--Action--main-color, $ibo-color-base-lightness-900), $ibo-color-base-opacity-for-lightness-900)};
--ibo-complementary-color: #{$ibo-dm-class--Action--complementary-color};
}
.ibo-dm-class-alt--Action {
--ibo-main-color: #{$ibo-dm-class--Action--complementary-color};
--ibo-complementary-color: #{$ibo-dm-class--Action--main-color};
}
// State attribute, "enabled" value
$ibo-dm-enum--Action-status-enabled--main-color: $ibo-lifecycle-active-state-primary-color !default;
$ibo-dm-enum--Action-status-enabled--complementary-color: $ibo-lifecycle-active-state-secondary-color !default;
:root {
--ibo-dm-enum--Action-status-enabled--main-color: #{$ibo-dm-enum--Action-status-enabled--main-color};
--ibo-dm-enum--Action-status-enabled--complementary-color: #{$ibo-dm-enum--Action-status-enabled--complementary-color};
}
.ibo-dm-enum--Action-status-enabled {
--ibo-main-color: #{$ibo-dm-enum--Action-status-enabled--main-color};
--ibo-main-color--100: #{ibo-adjust-alpha(ibo-adjust-lightness($ibo-dm-enum--Action-status-enabled--main-color, $ibo-color-base-lightness-100), $ibo-color-base-opacity-for-lightness-100)};
--ibo-main-color--900: #{ibo-adjust-alpha(ibo-adjust-lightness($ibo-dm-enum--Action-status-enabled--main-color, $ibo-color-base-lightness-900), $ibo-color-base-opacity-for-lightness-900)};
--ibo-complementary-color: #{$ibo-dm-enum--Action-status-enabled--complementary-color};
}
.ibo-dm-enum-alt--Action-status-enabled {
--ibo-main-color: #{$ibo-dm-enum--Action-status-enabled--complementary-color};
--ibo-complementary-color: #{$ibo-dm-enum--Action-status-enabled--main-color};
}
// State attribute, "disabled" value
$ibo-dm-enum--Action-status-disabled--main-color: $ibo-lifecycle-frozen-state-primary-color !default;
$ibo-dm-enum--Action-status-disabled--complementary-color: $ibo-lifecycle-frozen-state-secondary-color !default;
:root {
--ibo-dm-enum--Action-status-disabled--main-color: #{$ibo-dm-enum--Action-status-disabled--main-color};
--ibo-dm-enum--Action-status-disabled--complementary-color: #{$ibo-dm-enum--Action-status-disabled--complementary-color};
}
.ibo-dm-enum--Action-status-disabled {
--ibo-main-color: #{$ibo-dm-enum--Action-status-disabled--main-color};
--ibo-main-color--100: #{ibo-adjust-alpha(ibo-adjust-lightness($ibo-dm-enum--Action-status-disabled--main-color, $ibo-color-base-lightness-100), $ibo-color-base-opacity-for-lightness-100)};
--ibo-main-color--900: #{ibo-adjust-alpha(ibo-adjust-lightness($ibo-dm-enum--Action-status-disabled--main-color, $ibo-color-base-lightness-900), $ibo-color-base-opacity-for-lightness-900)};
--ibo-complementary-color: #{$ibo-dm-enum--Action-status-disabled--complementary-color};
}
.ibo-dm-enum-alt--Action-status-disabled {
--ibo-main-color: #{$ibo-dm-enum--Action-status-disabled--complementary-color};
--ibo-complementary-color: #{$ibo-dm-enum--Action-status-disabled--main-color};
}
// State attribute, "test" value
$ibo-dm-enum--Action-status-test--main-color: $ibo-lifecycle-inactive-state-primary-color !default;
$ibo-dm-enum--Action-status-test--complementary-color: $ibo-lifecycle-inactive-state-secondary-color !default;
:root {
--ibo-dm-enum--Action-status-test--main-color: #{$ibo-dm-enum--Action-status-test--main-color};
--ibo-dm-enum--Action-status-test--complementary-color: #{$ibo-dm-enum--Action-status-test--complementary-color};
}
.ibo-dm-enum--Action-status-test {
--ibo-main-color: #{$ibo-dm-enum--Action-status-test--main-color};
--ibo-main-color--100: #{ibo-adjust-alpha(ibo-adjust-lightness($ibo-dm-enum--Action-status-test--main-color, $ibo-color-base-lightness-100), $ibo-color-base-opacity-for-lightness-100)};
--ibo-main-color--900: #{ibo-adjust-alpha(ibo-adjust-lightness($ibo-dm-enum--Action-status-test--main-color, $ibo-color-base-lightness-900), $ibo-color-base-opacity-for-lightness-900)};
--ibo-complementary-color: #{$ibo-dm-enum--Action-status-test--complementary-color};
}
.ibo-dm-enum-alt--Action-status-test {
--ibo-main-color: #{$ibo-dm-enum--Action-status-test--complementary-color};
--ibo-complementary-color: #{$ibo-dm-enum--Action-status-test--main-color};
}

3
css/backoffice/datamodel/_all.scss
View File

@@ -9,4 +9,5 @@
/* to see what the compiler generates for XML DM classes. */
/**************************************************************************************************************************/
@import "user";
@import "user";
@import "action";