diff --git a/src/assets/i18n/cs.json5 b/src/assets/i18n/cs.json5 index a340360dfc2..473ab7d1f37 100644 --- a/src/assets/i18n/cs.json5 +++ b/src/assets/i18n/cs.json5 @@ -10980,8 +10980,5 @@ // "contact-us.email": "Email: ", "contact-us.email": "Email: ", - // "footer.theme.by.message": "Theme by", - "footer.theme.by.message": "Theme by", - } diff --git a/src/assets/i18n/en.json5 b/src/assets/i18n/en.json5 index adf1a1d2352..50d5ec15cc6 100644 --- a/src/assets/i18n/en.json5 +++ b/src/assets/i18n/en.json5 @@ -7281,6 +7281,4 @@ "contact-us.feedback": "Feedback", "contact-us.email": "Email: ", - - "footer.theme.by.message": "Theme by", } diff --git a/src/themes/custom/app/footer/footer.component.html b/src/themes/custom/app/footer/footer.component.html index c28660d64e9..0aee83c5fd7 100644 --- a/src/themes/custom/app/footer/footer.component.html +++ b/src/themes/custom/app/footer/footer.component.html @@ -104,14 +104,15 @@
Footer Content
- + @if ((themedByCompanyName$ | async)?.payload?.values?.[0]; as companyName) { + + }
diff --git a/src/themes/custom/app/footer/footer.component.scss b/src/themes/custom/app/footer/footer.component.scss index 1f9da8098aa..fc79b3ff923 100644 --- a/src/themes/custom/app/footer/footer.component.scss +++ b/src/themes/custom/app/footer/footer.component.scss @@ -75,6 +75,38 @@ .btn { box-shadow: none; } + + // Vendor credit at the right end of the bar: the company name on its own, + // no wording and no symbol. White to match the nav links beside it. Kept on + // a single non-breaking line so it never splits across the narrow column. + .footer-sign { + // Explicit even though `footer p { margin: 0 }` above already covers it — + // this keeps the credit independent of that rule and of Bootstrap Reboot's + // `p { margin-bottom: 1rem }`, either of which could change the bar height. + margin: 0; + // Deliberately no font-size / font-weight / letter-spacing here: the + // credit must keep rendering exactly as it does in production (16px, + // weight 400). This issue only removes the wording, not the look. + white-space: nowrap; + color: #fff; + + .dtq-sign { + color: inherit; + text-decoration: none; + + &:hover, + &:focus-visible { + text-decoration: underline; + text-underline-offset: 0.18em; + } + + &:focus-visible { + outline: 2px solid #fff; + outline-offset: 3px; + border-radius: 2px; + } + } + } } .footer-logo { diff --git a/src/themes/custom/app/footer/footer.component.ts b/src/themes/custom/app/footer/footer.component.ts index 00bd49f83fb..e861f72d006 100644 --- a/src/themes/custom/app/footer/footer.component.ts +++ b/src/themes/custom/app/footer/footer.component.ts @@ -4,7 +4,6 @@ import { RouterLink } from '@angular/router'; import { TranslateModule } from '@ngx-translate/core'; import { FooterComponent as BaseComponent } from '../../../../app/footer/footer.component'; -import { VarDirective } from '../../../../app/shared/utils/var.directive'; @Component({ selector: 'ds-themed-footer', @@ -17,7 +16,6 @@ import { VarDirective } from '../../../../app/shared/utils/var.directive'; AsyncPipe, RouterLink, TranslateModule, - VarDirective, ], }) export class FooterComponent extends BaseComponent {