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

N°2847 - Add activity panel to object details (and some variables renaming)

Browse Source
This commit is contained in:
Molkobain
2020-08-13 18:57:07 +02:00
parent f2725c5a5c
commit df20d10afa
33 changed files with 1775 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -17,6 +17,7 @@
*/
@import "typography";
@import "depression";
@import "elevation";
@import "misc";
@import "font-icon";

27
css/backoffice/utils/helpers/_depression.scss Normal file
View File

@@ -0,0 +1,27 @@
/*!
* Copyright (C) 2013-2020 Combodo SARL
*
* This file is part of iTop.
*
* iTop is free software; you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* iTop is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
*/
$ibo-depression-100: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15) !default;
:root{
--ibo-elevation-100: #{$ibo-depression-100};
}
%ibo-depression-100{
box-shadow: $ibo-depression-100;
}

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

@@ -16,13 +16,26 @@
* You should have received a copy of the GNU Affero General Public License
*/
.ibo-is-hidden{
display: none !important; /* Note: !important is necessary as it needs to overload any standard rules */
}
%ibo-fully-centered-content{
display: flex;
justify-content: center;
align-items: center;
}
/* Note: This might not be named correctly. The intention is to make an element occupy the full height of its parent and to be centered in it */
%ibo-vertically-centered-content{
display: flex;
align-items: center;
}
/* Typically to align icons and text */
%ibo-baseline-centered-content{
display: flex;
align-items: center;
}
/* Note: This might not be named correctly. The intention is to make an element occupy the full height of its parent and to be centered in it */
%ibo-full-height-content{
display: flex;
align-items: stretch;
}

20
css/backoffice/utils/variables/_color.scss
View File

@@ -92,6 +92,16 @@ $ibo-color-cyan-700: hsla(186, 100%, 32.7%, 1) !default;
$ibo-color-cyan-800: hsla(185, 100%, 28%, 1) !default;
$ibo-color-cyan-900: hsla(182, 100%, 19.6%, 1) !default;
$ibo-color-pink-100: hsla(348, 100%, 98%, 1) !default;
$ibo-color-pink-200: hsla(343, 95%, 92%, 1) !default;
$ibo-color-pink-300: hsla(339, 90%, 85%, 1) !default;
$ibo-color-pink-400: hsla(336, 86%, 75%, 1) !default;
$ibo-color-pink-500: hsla(331, 79%, 66%, 1) !default;
$ibo-color-pink-600: hsla(329, 64%, 54%, 1) !default;
$ibo-color-pink-700: hsla(325, 57%, 46%, 1) !default;
$ibo-color-pink-800: hsla(322, 60%, 37%, 1) !default;
$ibo-color-pink-900: hsla(318, 51%, 29%, 1) !default;
:root{
--ibo-color-white-100: #{$ibo-color-white-100};
--ibo-color-white-200: #{$ibo-color-white-200};
@@ -167,6 +177,16 @@ $ibo-color-cyan-900: hsla(182, 100%, 19.6%, 1) !default;
--ibo-color-cyan-700: #{$ibo-color-cyan-700};
--ibo-color-cyan-800: #{$ibo-color-cyan-800};
--ibo-color-cyan-900: #{$ibo-color-cyan-900};
--ibo-color-pink-100: #{$ibo-color-pink-100};
--ibo-color-pink-200: #{$ibo-color-pink-200};
--ibo-color-pink-300: #{$ibo-color-pink-300};
--ibo-color-pink-400: #{$ibo-color-pink-400};
--ibo-color-pink-500: #{$ibo-color-pink-500};
--ibo-color-pink-600: #{$ibo-color-pink-600};
--ibo-color-pink-700: #{$ibo-color-pink-700};
--ibo-color-pink-800: #{$ibo-color-pink-800};
--ibo-color-pink-900: #{$ibo-color-pink-900};
}
/* Semantic palettes */