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 - Handle max width and max height for summary cards

Browse Source
This commit is contained in:
Stephen Abello
2023-04-18 16:19:51 +02:00
parent e8c9255e0a
commit e09749b288
2 changed files with 19 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
css/backoffice/layout/object/_object-summary.scss
View File

@@ -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 {