composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-04-24 02:58:43 +02: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

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";

17
css/backoffice/blocks-integrations/object/_object-details-with-tab-container.scss Normal file
View File

@@ -0,0 +1,17 @@
/*
* @copyright Copyright (C) 2010-2023 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*/
// Note: We use the child ">" selector to ensure this applies only the child tab container, not another one that would be nested
.ibo-object-details.ibo-has-medallion-icon {
> .ibo-panel--body {
// Only for horizontal tabs
> .ibo-tab-container:not(.ibo-is-vertical) {
> .ibo-tab-container--tabs-list {
// Align tab toggler's title with the panel's title
padding-left: calc(#{$ibo-object-details--icon--spacing--as-medallion} + #{$ibo-object-details--icon--size} + #{$ibo-object-details--icon--spacing--as-medallion} - #{$ibo-tab-container--tab-toggler--padding-x});
}
}
}
}

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;
}
}