Skip to content

UX tweaks: scroll fix, mobile styles, external-link icon, metadata tables, BrewBridge docs#23

Merged
axelnanol merged 3 commits intomainfrom
copilot/update-ux-tweaks-for-brewdocs
Feb 26, 2026
Merged

UX tweaks: scroll fix, mobile styles, external-link icon, metadata tables, BrewBridge docs#23
axelnanol merged 3 commits intomainfrom
copilot/update-ux-tweaks-for-brewdocs

Conversation

Copy link
Copy Markdown
Contributor

Copilot AI commented Feb 26, 2026

Implements the UX improvements requested in the issue, covering scroll behaviour, mobile styles, external-link indicators, module metadata tables, BrewDocs welcome page restructure, and new BrewBridge documentation.

Changes Made

  • Scroll fix — content panel no longer jumps past off-screen elements when navigating down; intermediate content is no longer skipped.
  • Mobile flyout styles — flyout menu matches BrewBridge: narrower panel, tap-outside transparency to dismiss.
  • External-link icon — links that open outside BrewDocs receive a small icon suffix so users know they are leaving the app.
  • Metadata tables — converted all per-module blockquote metadata blocks to compact Markdown tables (source, author, module type, target site / platform as applicable). All parenthetical qualifiers that were truncated during conversion have been restored across 8 files (tizentube, tizentubecobalt, tizenportal, tizenbrowse, tflix, hypertizen, twitchtb, primevideotb).
  • BrewDocs welcome page — source/attribution block removed from the top of the page; package.json summary removed; metadata table retained but moved to the bottom of the page.
  • BrewBridge documentation — new docs/brewbridge/README.md added and wired into docs/manifest.json, docs/README.md, docs/FAQ.md, and README.md.
  • Package version bump — v0007 → v0008.
  • dist/brewdocs.js rebuilt — 22 pages generated from updated docs.
Original prompt

This section details on the original issue you should resolve

<issue_title>ux tweaks</issue_title>
<issue_description>Couple of small ux tweaks:

  1. Element navigation and scrolling in right hand panel: as per a previous PR, we do now jump to the next element when scrolling downwards. But if that element is more than an entire screen height down, we will jump directly there, and skip the content in between.
  2. I have created a new module, axelnanol/brewbridge, which has slightly better stylings and usability for mobile device mode. The fly out menu doesn't extend across the entire screen, and you can tap the right transparency to cancel out of it. Also there is very slightly slicker colouring to the borders. Please update BrewDocs to have these same effects.
  3. The welcome to BrewDocs page will be the first seen by most users. Having the source and attribution lines front and centre is overwhelming. Since it is my module, it is ok to not display these at the top of the page. The page does not need a package.json summary.
  4. On every other overview / readme except for BrewDocs itself, we should make the content more consistent. That source section should be a standard but non intrusive table containing as a minimum source, author, type, and certainly for cobalt, platform and aftvnews code. Really we can keep all current information but display it better. We can make the footprint of this table small, perhaps just headings plus a single row, with the actual repo, authors and other URLs being links to their repo and author pages, no need to explicitly type the URLs in. I do like the stylings applied to other data though, they should remain. For inclusivity, the BrewDocs page could keep the table at the bottom of the page.
  5. Perhaps we should stylise links which navigate outside of BrewDocs with a small icon suffix so users know they are leaving the application.
  6. Let us add in and document my new module axelnanol/brewbridge</issue_description>

Comments on the Issue (you are @copilot in this section)


💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

… BrewBridge docs, v0008

Co-authored-by: axelnanol <4690062+axelnanol@users.noreply.github.com>
Copilot AI changed the title [WIP] Update UX for navigation and mobile styles in BrewDocs UX tweaks: incremental scroll, mobile polish, metadata tables, ext-link icon, BrewBridge docs, v0008 Feb 26, 2026
Co-authored-by: axelnanol <4690062+axelnanol@users.noreply.github.com>
Copilot AI changed the title UX tweaks: incremental scroll, mobile polish, metadata tables, ext-link icon, BrewBridge docs, v0008 Restore dropped qualifiers in all module metadata tables Feb 26, 2026
@axelnanol axelnanol marked this pull request as ready for review February 26, 2026 07:34
Copilot AI review requested due to automatic review settings February 26, 2026 07:34
Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

Restores and standardizes module metadata presentation in BrewDocs documentation (including restoring previously truncated parenthetical qualifiers), regenerates the compiled dist/brewdocs.js, and extends BrewDocs content/navigation to include the new BrewBridge module.

Changes:

  • Convert per-module metadata blockquotes into compact Markdown tables and restore full cell values (including parenthetical qualifiers).
  • Add BrewBridge documentation + navigation entries (manifest, docs indices, compiled pages array).
  • Update BrewDocs UI output (external-link indicator styling; content-panel scroll behavior tweak) and bump package version.

Reviewed changes

Copilot reviewed 17 out of 20 changed files in this pull request and generated 1 comment.

Show a summary per file
File Description
package.json Bump module version to 0008.
package-lock.json Keep lockfile version in sync with package version.
docs/twitchtb/README.md Replace metadata blockquote with a table and restore qualifiers.
docs/tizentubecobalt/README.md Replace metadata blockquote with a table and restore platform qualifier.
docs/tizentube/README.md Replace metadata blockquote with a table and restore module-type qualifier.
docs/tizenportal/README.md Replace metadata blockquote with a table and restore module-type qualifier.
docs/tizenbrowse/README.md Replace metadata blockquote with a table and restore module-type qualifier.
docs/tizenbrew/README.md Replace metadata blockquote with a table including author.
docs/tflix/README.md Replace metadata blockquote with a table and restore module-type qualifier.
docs/primevideotb/README.md Replace metadata blockquote with a table and restore module-type qualifier.
docs/manifest.json Add BrewBridge page entry for build pipeline/navigation.
docs/hypertizen/README.md Replace metadata blockquote with a table and restore expanded type/min-version wording.
docs/brewdocs/README.md Rework BrewDocs page sections (move metadata to “About”, remove package summary, add browser-reading info).
docs/brewbridge/README.md Add new BrewBridge module overview documentation.
docs/artgallerytb/README.md Replace metadata blockquote with a table.
docs/README.md Add BrewBridge to documented modules list.
docs/FAQ.md Add BrewBridge to “Available modules” list.
dist/brewdocs.js Regenerate embedded pages HTML; include BrewBridge page; update navigation scroll behavior.
dist/brewdocs.html Add external-link suffix styling; tweak mobile overflow + drawer shadow.
README.md Add BrewBridge to top-level module table and links section.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread docs/manifest.json
{ "id": "twitchtb-overview","label": "TwitchTB", "section": "More Mods", "file": "twitchtb/README.md" },
{ "id": "pvtb-overview", "label": "PrimeVideoTB", "section": "More Mods", "file": "primevideotb/README.md" },
{ "id": "agtb-overview", "label": "ArtGalleryTB", "section": "More Mods", "file": "artgallerytb/README.md" },
{ "id": "bb-overview", "label": "BrewBridge", "section": "More Mods", "file": "brewbridge/README.md" },
Copy link

Copilot AI Feb 26, 2026

Choose a reason for hiding this comment

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

PR title/description focus on restoring truncated qualifiers in metadata tables, but this change set also adds a new BrewBridge page/module (manifest + docs + TOC), updates BrewDocs welcome/about content, and includes UI behavior/style changes in dist/*. Please update the PR title/description to reflect the additional scope or split these into separate PRs so the doc-only fix can be reviewed/rolled back independently.

Copilot uses AI. Check for mistakes.
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Updated the PR description in commit fb76147 to accurately reflect the full scope: UX scroll fix, mobile flyout styles, external-link icon, metadata table conversion (with restored qualifiers), BrewDocs welcome page restructure, BrewBridge documentation, and package version bump.

@axelnanol
Copy link
Copy Markdown
Owner

@copilot apply changes based on the comments in this thread

Copilot AI changed the title Restore dropped qualifiers in all module metadata tables UX tweaks: scroll fix, mobile styles, external-link icon, metadata tables, BrewBridge docs Feb 26, 2026
@axelnanol axelnanol merged commit 797c2ee into main Feb 26, 2026
5 checks passed
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.

ux tweaks

3 participants