diff --git a/css/backoffice/layout/object/_object-summary.scss b/css/backoffice/layout/object/_object-summary.scss index 2249ba17f..a709790cb 100644 --- a/css/backoffice/layout/object/_object-summary.scss +++ b/css/backoffice/layout/object/_object-summary.scss @@ -4,7 +4,7 @@ */ $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--margin-x: $ibo-spacing-0 !default; $ibo-object-summary--header--padding-y: $ibo-spacing-300 !default; $ibo-object-summary--header--padding-x: $ibo-spacing-0 !default; @@ -23,11 +23,13 @@ $ibo-object-summary--header-left--margin-left: $ibo-panel--icon--spacing--as-med $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--panel--body--padding: $ibo-spacing-0 !default; +$ibo-object-summary--panel--body--padding-box-shadow: $ibo-elevation-300 !default; +$ibo-object-summary--panel--body--max-height: 40vh !default; +$ibo-object-summary--panel--body--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--width: calc(100% - (2 * #{$ibo-panel--body--padding-x})) !default; +$ibo-object-summary--content--attributes--margin: $ibo-spacing-500 $ibo-panel--body--padding-x $ibo-panel--body--padding-bottom $ibo-panel--body--padding-x !default; $ibo-object-summary--content--attributes--code--padding-right: $ibo-spacing-500 !default; @@ -61,14 +63,21 @@ $ibo-object-summary--content--attributes--code--padding-right: $ibo-spacing-500 } .ibo-object-summary > .ibo-panel--body{ - padding-top: $ibo-object-summary--panel--padding-top; - box-shadow: $ibo-object-summary--panel--padding-box-shadow; + display: flex; + flex-direction: column; + padding: $ibo-object-summary--panel--body--padding; + max-height: $ibo-object-summary--panel--body--max-height; + box-shadow: $ibo-object-summary--panel--body--padding-box-shadow; +} + +.ibo-object-summary--body{ + overflow: auto; } .ibo-object-summary--content--attributes { display: table; - width: 100%; - margin-top: $ibo-object-summary--content--attributes--margin-top; + width: $ibo-object-summary--content--attributes--width; + margin: $ibo-object-summary--content--attributes--margin; } .ibo-object-summary--content--attributes--code, .ibo-object-summary--content--attributes--value { diff --git a/sources/Service/SummaryCard/SummaryCardService.php b/sources/Service/SummaryCard/SummaryCardService.php index 6c887e8c1..5cb65c325 100644 --- a/sources/Service/SummaryCard/SummaryCardService.php +++ b/sources/Service/SummaryCard/SummaryCardService.php @@ -35,7 +35,7 @@ data-tooltip-html-enabled="true" data-tooltip-sanitizer-skipped="false" data-tooltip-show-delay="800" data-tooltip-hide-delay="500" -data-tooltip-max-width="600" +data-tooltip-max-width="600px" data-tooltip-theme="object-summary" data-tooltip-append-to="body" HTML;