Skip to content

fix: Misc issues on keyboards details/install pages 🗺️#679

Merged
darcywong00 merged 11 commits intomasterfrom
fix/details-more-i18n
Mar 17, 2026
Merged

fix: Misc issues on keyboards details/install pages 🗺️#679
darcywong00 merged 11 commits intomasterfrom
fix/details-more-i18n

Conversation

@darcywong00
Copy link
Contributor

@darcywong00 darcywong00 commented Mar 11, 2026

Follows #677 for #384

Fixes undeclared $_m on keyboards install lage

Fixes the following issues on the keyboards details page:

  • Use localized blue search button
  • Fix the escaped slash on one of the Khmer strings (needs to be single-slash)
  • feat: style buttons using CSS #680 adjusts the button size to accommodate text

Screenshots

Current live (truncated)

Spanish
image

Khmer
image

image

<h2> Khmer text needs more spacing (line-height?) - TODO for a separate PR


With Adjusted Styling

Spanish

image

Khmer

image

CSS subject to more tweaking

Test-bot: skip

@darcywong00 darcywong00 added this to the A19S24 milestone Mar 11, 2026
@darcywong00 darcywong00 requested a review from mcdurdin March 11, 2026 01:32
@keymanapp-test-bot
Copy link

User Test Results

Test specification and instructions

User tests are not required

@darcywong00 darcywong00 changed the title fix: Misc issues on keyboards details page 🗺️ fix: Misc issues on keyboards details/install pages 🗺️ Mar 11, 2026
@darcywong00 darcywong00 marked this pull request as ready for review March 12, 2026 01:27
fix: Set heading line-heights to accommodate Khmer subscripts 🗺️
<input id="search-q" type="text" placeholder="<?= $_m_KeyboardDetails("new_keyboard_search") ?>" name="q">
<input id='search-page' type='hidden' name='page'>
<input id="search-f" type="image" src="<?= cdn('img/search-button.png') ?>" value="<?= $_m_KeyboardDetails("search") ?>">
<input id="search-f" type="button" value="<?= $_m_KeyboardDetails("search") ?>">
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Since @ermshiperete has included devin.ai suggestions, I gave it a try and it reported this bug:

Search button changed from type="image" to type="button" without submit handler, breaking form submission

I think changing to "submit" will work.

@mcdurdin
Copy link
Member

With Adjusted Styling

Those images show that we need to add more padding on the buttons -- currently the text almost overlaps the icon.

@keyman-server keyman-server modified the milestones: A19S24, A19S25 Mar 14, 2026
@darcywong00
Copy link
Contributor Author

With Adjusted Styling

Those images show that we need to add more padding on the buttons -- currently the text almost overlaps the icon.

Ok - here's with more left/right padding

Spanish
Screenshot_2026-03-16_10-04-18

German
Screenshot_2026-03-16_10-03-33

Khmer
Screenshot_2026-03-16_10-03-18

Copy link
Member

@mcdurdin mcdurdin left a comment

Choose a reason for hiding this comment

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

LGTM!

@darcywong00 darcywong00 merged commit 8c253a1 into master Mar 17, 2026
5 checks passed
@darcywong00 darcywong00 deleted the fix/details-more-i18n branch March 17, 2026 13:41
@github-project-automation github-project-automation bot moved this from Todo to Done in Keyman Mar 17, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

Status: Done

Development

Successfully merging this pull request may close these issues.

4 participants