@@ -244,7 +244,7 @@ var kMascotImageCode = 'Image { \n\
246// %1 is used as anchors of titleLabel
246// %1 is used as anchors of titleLabel
247−// %1 is used as color of titleLabel
247+// %2 is used as color of titleLabel
248// %3 is used as extra condition for visible of titleLabel
248// %3 is used as extra condition for visible of titleLabel
249var kTitleLabelCode = 'Label { \n\
249var kTitleLabelCode = 'Label { \n\
250 id: titleLabel; \n\
250 id: titleLabel; \n\
@@ -274,6 +274,16 @@ var kEmblemImageCode = 'Image { \n\
274 fillMode: Image.PreserveAspectFit; \n\
274 fillMode: Image.PreserveAspectFit; \n\
277+// %1 is used as anchors of touchdown effect
278+var kTouchdownCode = 'UbuntuShape { \n\
280+ objectName: "touchdown"; \n\
282+ visible: root.pressed; \n\
283+ radius: "medium"; \n\
284+ borderSource: "radius_pressed.sci" \n\
277// %1 is used as anchors of subtitleLabel
287// %1 is used as anchors of subtitleLabel
278// %2 is used as color of subtitleLabel
288// %2 is used as color of subtitleLabel
279var kSubtitleLabelCode = 'Label { \n\
289var kSubtitleLabelCode = 'Label { \n\
@@ -571,6 +581,16 @@ function cardString(template, components) {
571 code += kSummaryLabelCode.arg(summaryTopAnchor).arg(summaryTopMargin).arg(color);
581 code += kSummaryLabelCode.arg(summaryTopAnchor).arg(summaryTopMargin).arg(color);
584+ var touchdownAnchors;
585+ if (hasBackground) {
586+ touchdownAnchors = 'fill: backgroundLoader';
587+ } else if (hasArt && !hasMascot && !hasSummary) {
588+ touchdownAnchors = 'fill: artShapeHolder';
590+ touchdownAnchors = 'fill: root'
592+ code += kTouchdownCode.arg(touchdownAnchors);
574 if (hasSummary) {
594 if (hasSummary) {
575 code += 'implicitHeight: summary.y + summary.height + (summary.text ? units.gu(1) : 0);\n';
595 code += 'implicitHeight: summary.y + summary.height + (summary.text ? units.gu(1) : 0);\n';
576 } else if (hasHeaderRow) {
596 } else if (hasHeaderRow) {