N°1094 & N°1107 Portal: Mosaic mode in BrowseBrick displays icon nicely in IE9. Also, "name" on tiles doesn't break layout anymore when too long.

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

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;

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{