@@ -39,7 +39,7 @@ function cardString(template, components) {
3939 var hasBackground = !isHorizontal && (template["card-background"] || components["background"] || artAndSummary);
4040 var hasTitle = components["title"] || false;
4141 var hasMascot = components["mascot"] || false;
42− var inOverlay = hasArt && template && template["overlay"] === true && (hasTitle || hasMascot);
42+ var headerAsOverlay = hasArt && template && template["overlay"] === true && (hasTitle || hasMascot);
4343 var hasSubtitle = components["subtitle"] || false;
4444 var hasHeaderRow = hasMascot && hasTitle;
4545
@@ -141,7 +141,7 @@ function cardString(template, components) {
141141 code += 'readonly property size artShapeSize: Qt.size(-1, -1);\n'
142142 }
143143
144− if (inOverlay) {
144+ if (headerAsOverlay) {
145145 var height = 'fixedHeaderHeight != -1 ? fixedHeaderHeight : headerHeight;\n';
146146 code += 'Loader { \n\
147147 id: overlayLoader; \n\
@@ -186,7 +186,7 @@ function cardString(template, components) {
186186 }
187187
188188 var headerVerticalAnchors;
189− if (inOverlay) {
189+ if (headerAsOverlay) {
190190 headerVerticalAnchors = 'anchors.bottom: artShapeHolder.bottom; \n\
191191 anchors.bottomMargin: units.gu(1);\n';
192192 } else {
@@ -235,7 +235,7 @@ function cardString(template, components) {
235235 }
236236
237237 if (hasMascot) {
238− var useMascotShape = !hasBackground && !inOverlay;
238+ var useMascotShape = !hasBackground && !headerAsOverlay;
239239 var anchors = "";
240240 if (!hasHeaderRow) {
241241 anchors += headerLeftAnchor;
@@ -281,7 +281,7 @@ function cardString(template, components) {
281281
282282 if (hasTitle) {
283283 var color;
284− if (inOverlay) {
284+ if (headerAsOverlay) {
285285 color = '"white"';
286286 } else if (hasSummary) {
287287 color = 'summary.color';
@@ -302,7 +302,7 @@ function cardString(template, components) {
302302 width: parent.width - x;\n';
303303 } else if (hasMascot) {
304304 titleAnchors = 'anchors.verticalCenter: parent.verticalCenter;\n'
305− } else if (inOverlay) {
305+ } else if (headerAsOverlay) {
306306 titleAnchors = 'anchors.left: parent.left; \n\
307307 anchors.leftMargin: units.gu(1); \n\
308308 anchors.right: parent.right; \n\
@@ -339,7 +339,7 @@ function cardString(template, components) {
339339 maximumLineCount: 2; \n\
340340 font.pixelSize: Math.round(FontUtils.sizeToPixels(fontSize) * fontScale); \n\
341341 color: ' + color + '; \n\
342− visible: showHeader ' + (inOverlay ? '&& overlayLoader.active': '') + '; \n\
342+ visible: showHeader ' + (headerAsOverlay ? '&& overlayLoader.active': '') + '; \n\
343343 text: root.title; \n\
344344 font.weight: components && components["subtitle"] ? Font.DemiBold : Font.Normal; \n\
345345 horizontalAlignment: root.headerAlignment; \n\
@@ -374,7 +374,7 @@ function cardString(template, components) {
374374 if (hasSummary) {
375375 var summaryTopAnchor;
376376 if (isHorizontal && hasArt) summaryTopAnchor = "artShapeHolder.bottom";
377− else if (inOverlay && hasArt) summaryTopAnchor = "artShapeHolder.bottom";
377+ else if (headerAsOverlay && hasArt) summaryTopAnchor = "artShapeHolder.bottom";
378378 else if (hasHeaderRow) summaryTopAnchor = "row.bottom";
379379 else if (hasMascot) summaryTopAnchor = "mascotImage.bottom";
380380 else if (hasSubtitle) summaryTopAnchor = "subtitleLabel.bottom";