MENDELU/Reduce the footer vendor credit to the company name

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",
-
 
 }

src/assets/i18n/en.json5

@@ -7281,6 +7281,4 @@
   "contact-us.feedback": "Feedback",
 
   "contact-us.email": "Email: ",
-
-  "footer.theme.by.message": "Theme by",
 }

src/themes/custom/app/footer/footer.component.html

@@ -104,14 +104,15 @@ <h5 class="text-uppercase">Footer Content</h5>
 
         <!-- Right Column - Theme Sign -->
         <div class="col-12 col-md-2 text-center">
-          <div class="footer-sign">
-            <p class="theme-by mb-1">{{ 'footer.theme.by.message' | translate }}</p>
-            <a class="dtq-sign text-white" *ngVar="(themedByCompanyName$ | async)?.payload?.values[0] as companyName"
-               [href]="(themedByUrl$ | async)?.payload?.values[0]"
-               [title]="companyName">
-              {{ companyName }}
-            </a>
-          </div>
+          @if ((themedByCompanyName$ | async)?.payload?.values?.[0]; as companyName) {
+            <p class="footer-sign">
+              @if ((themedByUrl$ | async)?.payload?.values?.[0]; as companyUrl) {
+                <a class="dtq-sign" [href]="companyUrl" rel="noopener">{{ companyName }}</a>
+              } @else {
+                {{ companyName }}
+              }
+            </p>
+          }
         </div>
       </div>
     </div>

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 {

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 {