Skip to content

feat(about): add translatable logoAlt input to SiAboutComponent#2052

Open
chintankavathia wants to merge 9 commits into
mainfrom
fix/about/app-logo-alt-text
Open

feat(about): add translatable logoAlt input to SiAboutComponent#2052
chintankavathia wants to merge 9 commits into
mainfrom
fix/about/app-logo-alt-text

Conversation

@chintankavathia
Copy link
Copy Markdown
Member

@chintankavathia chintankavathia commented May 13, 2026

Replace hardcoded logo alt text with a configurable logoAlt input that supports i18n via TranslatableString and {{appName}} interpolation.


Documentation.
Examples.
Dashboards Demo.
Playwright report.

Coverage Reports:

Code Coverage

chintankavathia and others added 8 commits May 12, 2026 13:36
…kerConfig

BREAKING CHANGE: `CriterionDefinition.datepickerConfig` type narrowed

The type of `datepickerConfig` in `CriterionDefinition` (filtered-search) changed from `DatepickerInputConfig` to `Omit<DatepickerInputConfig, 'enableDateRange' | 'enableTwoMonthDateRange'>`.

The properties `enableDateRange` and `enableTwoMonthDateRange ` are no longer accepted in `datepickerConfig` when used with filtered-search criteria, as they had no effect in that context.

Migration: Remove any `enableDateRange` and `enableTwoMonthDateRange` properties from your `datepickerConfig` objects passed to `CriterionDefinition`.
Copy link
Copy Markdown
Contributor

@gemini-code-assist gemini-code-assist Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

This pull request introduces a translatable logoAlt input to the SiAboutComponent, enabling localized alternative text for the application logo with support for appName interpolation. The implementation replaces hardcoded string concatenation in the template with the translate pipe and adds a default localized string. Accompanying changes include updates to the translatable keys interface, unit tests for the new input, and updated Playwright snapshots. I have no feedback to provide as there were no review comments to assess.

@chintankavathia chintankavathia force-pushed the fix/about/app-logo-alt-text branch from 1e75462 to 470657d Compare May 13, 2026 05:48
@chintankavathia chintankavathia marked this pull request as ready for review May 13, 2026 08:34
@chintankavathia chintankavathia requested review from a team as code owners May 13, 2026 08:34
* t(() => $localize`:@@SI_ABOUT.LOGO_ALT:{{appName}} Logo`)
* ```
*/
readonly logoAlt = input<TranslatableString>(
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is the TranslatableString necessary?

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

removed

* ```
*/
readonly logoAlt = input<TranslatableString>(
t(() => $localize`:@@SI_ABOUT.LOGO_ALT:{{appName}} Logo`)
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

According our writing guide I would assume 'logo' should be lowercase, or is uppercase required?

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is inline with MS Outlook
image

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@kfenner @panch1739 Shall we write logo with capital 'L' or lowercase?

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@chintankavathia @spliffone I'm not sure, you can try to apply the writing style guide (maybe ask AI). But ultimately, this should be synched with the common texts from our language packs and how it's handled there.
/cc @michael-smt @Danisand

@chintankavathia chintankavathia force-pushed the fix/about/app-logo-alt-text branch from 470657d to 9e1a1ce Compare May 18, 2026 07:32
Comment thread projects/element-ng/about/si-about.component.spec.ts Outdated
Replace hardcoded logo alt text with a configurable `logoAlt` input
that supports i18n via `TranslatableString` and `{{appName}}` interpolation.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants