Merge pull request #3870 from IgniteUI/mtihova/fix-3816

dkamburov · web-flow · commit 7b0da594fa43 · 2026-01-15T18:35:01.000+02:00
Added correct sizing for cross-field validation images
diff --git a/src/app/grid/grid-validator-service-cross-field/grid-validator-service-cross-field.component.html b/src/app/grid/grid-validator-service-cross-field/grid-validator-service-cross-field.component.html
@@ -61,7 +61,7 @@
           </div>
         }
         @if (!isRowValid(cell)) {
-          <div [igxTooltipTarget]="tooltipRef" class="valid-image">
+          <div [igxTooltipTarget]="tooltipRef" class="invalid-image">
             <img width="18" src="assets/images/grid/expired.png"/>
           </div>
         }
diff --git a/src/app/grid/grid-validator-service-cross-field/grid-validator-service-cross-field.component.scss b/src/app/grid/grid-validator-service-cross-field/grid-validator-service-cross-field.component.scss
@@ -3,8 +3,13 @@
     padding-bottom: 0;
 }
 
-.valid-image {
-    margin-left: -5px;
+.valid-image,
+.invalid-image {
+    margin-left: -10px;
+
+    img {
+        max-width: none;
+    }
 }
 
 .buttons-wrapper {

Original file line number	Diff line number	Diff line change
`@@ -61,7 +61,7 @@`
`61`	`61`	`</div>`
`62`	`62`	`}`
`63`	`63`	`@if (!isRowValid(cell)) {`
`64`		`- <div [igxTooltipTarget]="tooltipRef" class="valid-image">`
	`64`	`+ <div [igxTooltipTarget]="tooltipRef" class="invalid-image">`
`65`	`65`	`<img width="18" src="assets/images/grid/expired.png"/>`
`66`	`66`	`</div>`
`67`	`67`	`}`