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 {