diff --git a/datamodels/2.x/itop-portal-base/portal/web/css/portal.css b/datamodels/2.x/itop-portal-base/portal/web/css/portal.css index b1894412c..2f3d8d602 100644 --- a/datamodels/2.x/itop-portal-base/portal/web/css/portal.css +++ b/datamodels/2.x/itop-portal-base/portal/web/css/portal.css @@ -694,6 +694,11 @@ table .group-actions { .mosaic-item-image > img { max-width: 85%; } +.mosaic-item-text { + max-width: 1px; + /* This is an arbitrary value. It is just here to make .mosaic-item-name wrap when there is a very long word in it. */ + overflow: hidden; +} .mosaic-group-item > .mosaic-group-item-actions { position: absolute; top: 5px; @@ -793,7 +798,8 @@ table .group-actions { padding-right: 18px; } .mosaic-item-layout-5 .mosaic-item-image > img, .mosaic-item-layout-7 .mosaic-item-image > img { - max-width: 100%; + max-width: 105px; + /* Equals parent element width */ } .mosaic-item-layout-5 .mosaic-item-name, .mosaic-item-layout-7 .mosaic-item-name { font-size: 12px; diff --git a/datamodels/2.x/itop-portal-base/portal/web/css/portal.scss b/datamodels/2.x/itop-portal-base/portal/web/css/portal.scss index ec6e20cb3..8b363c730 100644 --- a/datamodels/2.x/itop-portal-base/portal/web/css/portal.scss +++ b/datamodels/2.x/itop-portal-base/portal/web/css/portal.scss @@ -751,6 +751,10 @@ table .group-actions .item-action-wrapper .panel-body > p:last-child{ .mosaic-item-image > img{ max-width: 85%; } +.mosaic-item-text{ + max-width: 1px; /* This is an arbitrary value. It is just here to make .mosaic-item-name wrap when there is a very long word in it. */ + overflow: hidden; +} .mosaic-group-item > .mosaic-group-item-actions{ position: absolute; top: 5px; @@ -858,7 +862,7 @@ table .group-actions .item-action-wrapper .panel-body > p:last-child{ } .mosaic-item-layout-5 .mosaic-item-image > img, .mosaic-item-layout-7 .mosaic-item-image > img{ - max-width: 100%; + max-width: 105px; /* Equals parent element width */ } .mosaic-item-layout-5 .mosaic-item-name, .mosaic-item-layout-7 .mosaic-item-name{