jason/DigitalConsumer.ISS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Need Help link styling

Browse source
This commit is contained in:
scottkiener-at-safelite 2026-02-09 14:38:45 -05:00
parent 8b4cf64f18
commit 979f2015f5
1 changed files with 18 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/layouts/tpa-search/tpa-search.vue
View file

@ -105,6 +105,15 @@
:isForwardActionDisabled="!meta.valid"
@ForwardClicked="forwardButtonAction"
@backClicked="navigateBack" />
<div class="need-help-link-container">
<textLink
id="needHelpLink"
v-if="needHelpLinkText"
linkType="navigation"
:text="needHelpLinkText"
href="#"
@clickEvent="handleNeedHelpClick" />
</div>
</div>
</Form>
</div>
@ -195,7 +204,8 @@ export default {
filterByQuestion: 'FilterByQuestion',
noNetworkShopsAlert: 'NoNetworkShopsAlertWidget',
shopNotListedLink: 'ShopNotListedLink',
siteFooter: 'SiteFooterWidget'
siteFooter: 'SiteFooterWidget',
needHelpLink: 'NeedHelpLink'
},
rules: {
tpaSearch: globalRules.TPA_SEARCH_FORMAT,
@ -223,6 +233,9 @@ export default {
widgetFields.INPUT_QUESTION_WIDGET.QUESTION_TEXT
);
},
needHelpLinkText() {
return this.getCmsContent(this.widget.needHelpLink, widgetFields.TEXT_BLOCK_WIDGET.TEXT);
},
searchInstructionsText() {
return this.getCmsContent(
this.widget.searchInstructions,
@ -398,4 +411,8 @@ export default {
height: 435px;
}
.need-help-link-container {
margin-bottom: 35px;
}
</style>