@@ -82,12 +82,11 @@ var kArtShapeHolderCode = 'Item { \n\
82 height = Qt.binding(function() { return !visible ? 0 : image.height }); \n\
82 height = Qt.binding(function() { return !visible ? 0 : image.height }); \n\
85− image: Image { \n\
85+ image: CroppedImageMinimumSourceSize { \n\
86 objectName: "artImage"; \n\
86 objectName: "artImage"; \n\
87 source: cardData && cardData["art"] || ""; \n\
87 source: cardData && cardData["art"] || ""; \n\
88 cache: true; \n\
88 cache: true; \n\
89 asynchronous: root.asynchronous; \n\
89 asynchronous: root.asynchronous; \n\
90− fillMode: Image.PreserveAspectCrop; \n\
91 width: %2; \n\
90 width: %2; \n\
92 height: %3; \n\
91 height: %3; \n\
@@ -190,16 +189,13 @@ var kMascotShapeLoaderCode = 'Loader { \n\
191// %1 is used as anchors of mascotImage
190// %1 is used as anchors of mascotImage
192// %2 is used as visible of mascotImage
191// %2 is used as visible of mascotImage
193−var kMascotImageCode = 'Image { \n\
192+var kMascotImageCode = 'CroppedImageMinimumSourceSize { \n\
194 id: mascotImage; \n\
193 id: mascotImage; \n\
195 objectName: "mascotImage"; \n\
194 objectName: "mascotImage"; \n\
196 anchors { %1 } \n\
195 anchors { %1 } \n\
197− readonly property int maxSize: Math.max(width, height) * 4; \n\
198 source: cardData && cardData["mascot"] || ""; \n\
196 source: cardData && cardData["mascot"] || ""; \n\
199 width: units.gu(6); \n\
197 width: units.gu(6); \n\
200 height: units.gu(5.625); \n\
198 height: units.gu(5.625); \n\
201− sourceSize { width: maxSize; height: maxSize } \n\
202− fillMode: Image.PreserveAspectCrop; \n\
203 horizontalAlignment: Image.AlignHCenter; \n\
199 horizontalAlignment: Image.AlignHCenter; \n\
204 verticalAlignment: Image.AlignVCenter; \n\
200 verticalAlignment: Image.AlignVCenter; \n\
205 visible: %2; \n\
201 visible: %2; \n\
@@ -435,7 +431,7 @@ function cardString(template, components) {
435 mascotShapeCode = kMascotShapeLoaderCode.arg(mascotAnchors);
431 mascotShapeCode = kMascotShapeLoaderCode.arg(mascotAnchors);
438− var mascotImageVisible = useMascotShape ? 'false' : 'showHeader';
434+ var mascotImageVisible = useMascotShape ? 'false' : 'showHeader && resized';
439 mascotCode = kMascotImageCode.arg(mascotAnchors).arg(mascotImageVisible);
435 mascotCode = kMascotImageCode.arg(mascotAnchors).arg(mascotImageVisible);