N°1107.1 Portal: Fixed image display in mosaic mode of BrowseBrick for Chrome and Firefox. IE still pending !

git-svn-id: http://svn.code.sf.net/p/itop/code/trunk@4998 a333f486-631f-4898-b8df-5754b55c2be0

datamodels/2.x/itop-portal-base/portal/web/css/portal.css

@@ -770,23 +770,23 @@ table .group-actions {
   }
 }
 @media (min-width: 992px) {
-  /* Layout 7 */
+  /* Layout 5 & 7 */
   .mosaic-item {
     padding: 10px 15px;
   }
   .mosaic-group-back {
     font-size: 40px;
   }
-  .mosaic-item-layout-7 .mosaic-item-image {
+  .mosaic-item-layout-5 .mosaic-item-image, .mosaic-item-layout-7 .mosaic-item-image {
     display: table-cell;
     width: 105px;
     padding-left: 5px;
     padding-right: 18px;
   }
-  .mosaic-item-layout-7 .mosaic-item-image > img {
+  .mosaic-item-layout-5 .mosaic-item-image > img, .mosaic-item-layout-7 .mosaic-item-image > img {
     max-width: 100%;
   }
-  .mosaic-item-layout-7 .mosaic-item-name {
+  .mosaic-item-layout-5 .mosaic-item-name, .mosaic-item-layout-7 .mosaic-item-name {
     font-size: 12px;
   }
 }

datamodels/2.x/itop-portal-base/portal/web/css/portal.scss

@@ -839,16 +839,19 @@ table .group-actions .item-action-wrapper .panel-body > p:last-child{
 		font-size: 40px;
 	}
 
-	/* Layout 7 */
+	/* Layout 5 & 7 */
+	.mosaic-item-layout-5 .mosaic-item-image,
 	.mosaic-item-layout-7 .mosaic-item-image{
 		display: table-cell;
 		width: 105px;
 		padding-left: 5px;
 		padding-right: 18px;
 	}
+	.mosaic-item-layout-5 .mosaic-item-image > img,
 	.mosaic-item-layout-7 .mosaic-item-image > img{
 		max-width: 100%;
 	}
+	.mosaic-item-layout-5 .mosaic-item-name,
 	.mosaic-item-layout-7 .mosaic-item-name{
 		font-size: 12px;
 	}