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°3191 - Introduce summary cards for objects hyperlinks (#476)

Browse Source
This commit is contained in:
Stephen Abello
2023-04-17 12:20:49 +02:00
committed by GitHub
parent e645e9b006
commit cf74431543
33 changed files with 573 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
css/backoffice/blocks-integrations/_all.scss
View File

@@ -12,13 +12,13 @@
@import "fieldset/all";
@import "form/all";
@import "input/all";
@import "object/all";
@import "panel/all";
@import "pill/all";
@import "dashlet/all";
@import "add-to-dashboard";
@import "caselog-entry-form-within-activity-panel";
@import "tab-container-within-panel";
@import "object-details-with-tab-container";
@import "medallion-with-blocklist";
@import "field-badge-within-datatable";
@import "jquery-blockui-within-dialog";

7
css/backoffice/blocks-integrations/object/_all.scss Normal file
View File

@@ -0,0 +1,7 @@
/*
* @copyright Copyright (C) 2010-2023 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*/
@import "object-details-with-tab-container";
@import "object-summary-within-tippy";

0
css/backoffice/blocks-integrations/_object-details-with-tab-container.scss → css/backoffice/blocks-integrations/object/_object-details-with-tab-container.scss
View File

15
css/backoffice/blocks-integrations/object/_object-summary-within-tippy.scss Normal file
View File

@@ -0,0 +1,15 @@
/*
* @copyright Copyright (C) 2010-2023 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*/
$ibo-vendors-tippy--object-summary--background-color: $ibo-color-transparent !default;
$ibo-vendors-tippy--object-summary--color: $ibo-body-text-color !default;
.tippy-box[data-theme~='object-summary'] {
background-color: $ibo-vendors-tippy--object-summary--background-color;
color: $ibo-vendors-tippy--object-summary--color;
.tippy-arrow {
display: none;
}
}

2
css/backoffice/layout/_all.scss
View File

@@ -12,5 +12,5 @@
@import "multi-column/column";
@import "dashboard/all";
@import "wizard-container/wizard-container";
@import "object/object-details";
@import "object/all";
@import "activity-panel/all";

1
css/backoffice/layout/object/_all.scss
View File

@@ -4,3 +4,4 @@
*/
@import "object-details";
@import "object-summary";

78
css/backoffice/layout/object/_object-summary.scss Normal file
View File

@@ -0,0 +1,78 @@
/*
* @copyright Copyright (C) 2010-2023 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*/
$ibo-object-summary--header--margin-y: $ibo-panel--highlight--height!default;
$ibo-object-summary--header--margin-x: (-$ibo-panel--body--padding-x) !default;
$ibo-object-summary--header--padding-y: $ibo-spacing-300 !default;
$ibo-object-summary--header--padding-x: $ibo-spacing-0 !default;
$ibo-object-summary--header--background-color: $ibo-tab-container--tabs-list--background-color !default;
$ibo-object-summary--header--border: solid 1px $ibo-color-grey-400 !default;
$ibo-object-summary--icon--background-color--as-medallion: $ibo-panel--icon--background-color--as-medallion !default;
$ibo-object-summary--icon--border--as-medallion: 1px solid $ibo-color-blue-grey-300;
$ibo-object-summary--icon--border-radius--as-medallion: $ibo-panel--icon--border-radius--as-medallion !default;
$ibo-object-summary--titles--padding-left: $ibo-panel--icon--spacing !default;
$ibo-object-summary--header-left--margin-left: $ibo-panel--icon--spacing--as-medallion !default;
$ibo-object-summary--header-right--margin-right: $ibo-panel--icon--spacing--as-medallion !default;
$ibo-object-summary--header-right--margin-left: $ibo-spacing-300 !default;
$ibo-object-summary--panel--padding-top: $ibo-spacing-0 !default;
$ibo-object-summary--panel--padding-box-shadow: $ibo-elevation-300 !default;
$ibo-object-summary--content--attributes--width: 100% !default;
$ibo-object-summary--content--attributes--margin-top: $ibo-spacing-500 !default;
$ibo-object-summary--content--attributes--code--padding-right: $ibo-spacing-500 !default;
.ibo-object-summary--header{
margin: $ibo-object-summary--header--margin-y $ibo-object-summary--header--margin-x;
padding: $ibo-object-summary--header--padding-y $ibo-object-summary--header--padding-x;
background-color: $ibo-object-summary--header--background-color;
border-bottom: $ibo-object-summary--header--border;
@extend .ibo-panel--header;
.ibo-panel--icon {
overflow: hidden;
background-color: $ibo-panel--icon--background-color--as-medallion;
border: $ibo-object-summary--icon--border--as-medallion;
border-radius: $ibo-panel--icon--border-radius--as-medallion;
}
// We duplicate this rule from _panel.scss as a protection was added and disallow titles and header that are not direct child of panel
.ibo-panel--titles {
padding-left: $ibo-object-summary--titles--padding-left;
}
// We duplicate this rule from _panel.scss as a protection was added and disallow titles and header that are not direct child of panel
.ibo-panel--header-left{
margin-left: $ibo-object-summary--header-left--margin-left;
}
.ibo-panel--header-right{
align-self: start;
margin-right: $ibo-object-summary--header-right--margin-right;
margin-left: $ibo-object-summary--header-right--margin-left;
}
}
.ibo-object-summary > .ibo-panel--body{
padding-top: $ibo-object-summary--panel--padding-top;
box-shadow: $ibo-object-summary--panel--padding-box-shadow;
}
.ibo-object-summary--content--attributes {
display: table;
width: 100%;
margin-top: $ibo-object-summary--content--attributes--margin-top;
}
.ibo-object-summary--content--attributes--code, .ibo-object-summary--content--attributes--value {
display: table-cell;
}
.ibo-object-summary--content--attributes--code{
@extend .ibo-font-ral-bol-150;
}