Skip to content

Conversation

@radheshpai87
Copy link

@radheshpai87 radheshpai87 commented Nov 3, 2025

Make table name under record page title clickable (#4916)

Fixes #4916

Summary

  • Wrap the table name shown under the record page title in an anchor linking to the table page.
  • Add styles so the link is visibly clickable, uses the table icon yellow on hover/focus (prefers --color-table), shows underline on hover, and has a visible :focus-visible outline for keyboard users.
  • File changed: mathesar_ui/src/pages/record/RecordPageContent.svelte

Technical details

  • HTML

    • Table name now rendered as:

      <a href={tablePageUrl} class="table-name-link">
        <TableName {table} truncate={false} />
      </a>

      (rendered inside the existing RichText slot)

  • CSS

    • New/updated rules for .table-name-link:
      • default: text-decoration: none; cursor: pointer;
      • hover/active: color: var(--color-table, var(--entity-name-color, var(--color-record))); text-decoration: underline;
      • :focus-visible: outline using color-mix(...) based on the same variable; outline-offset for clarity.
  • Accessibility

    • Anchor remains keyboard-focusable. A title and aria-label can be used when desired; the component already supports adding these.

Files modified

  • mathesar_ui/src/pages/record/RecordPageContent.svelte

Screenshots

  • Before
image
  • After
screencapture-localhost-8000-db-1-schemas-17498-tables-17499-1-2025-11-04-01_56_53

Checklist

  • My pull request has a descriptive title.
  • My pull request targets the develop branch of the repository.
  • My commit messages follow best practices.
  • My code follows the established code style of the repository.
  • I tried running the project locally and verified that there are no visible errors.

Developer Certificate of Origin

Developer Certificate of Origin
Developer Certificate of Origin
Version 1.1

Copyright (C) 2004, 2006 The Linux Foundation and its contributors.
1 Letterman Drive
Suite D4700
San Francisco, CA, 94129

Everyone is permitted to copy and distribute verbatim copies of this
license document, but changing it is not allowed.


Developer's Certificate of Origin 1.1

By making a contribution to this project, I certify that:

(a) The contribution was created in whole or in part by me and I
    have the right to submit it under the open source license
    indicated in the file; or

(b) The contribution is based upon previous work that, to the best
    of my knowledge, is covered under an appropriate open source
    license and I have the right under that license to submit that
    work with modifications, whether created in whole or in part
    by me, under the same open source license (unless I am
    permitted to submit under a different license), as indicated
    in the file; or

(c) The contribution was provided directly to me by some other
    person who certified (a), (b) or (c) and I have not modified
    it.

(d) I understand and agree that this project and the contribution
    are public and that a record of the contribution (including all
    personal information I submit with it, including my sign-off) is
    maintained indefinitely and may be redistributed consistent with
    this project or the open source license(s) involved.

@Anish9901
Copy link
Member

Hey @radheshpai87, Some frontend tests are failing for your changes please look at https://github.com/mathesar-foundation/mathesar/blob/develop/mathesar_ui/README.md to fix these tests before we can review/merge these changes.

@radheshpai87
Copy link
Author

I have fixed the issues that were causing the tests to fail please check and let me know if anymore changes are to be made.

@Anish9901 Anish9901 requested a review from pavish November 4, 2025 20:24
@Anish9901 Anish9901 added the pr-status: review A PR awaiting review label Nov 4, 2025
@pavish pavish added pr-status: revision A PR awaiting follow-up work from its author after review and removed pr-status: review A PR awaiting review labels Nov 5, 2025
@pavish pavish assigned radheshpai87 and unassigned pavish Nov 5, 2025
radheshpai87 added a commit to radheshpai87/mathesar that referenced this pull request Nov 5, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

pr-status: revision A PR awaiting follow-up work from its author after review

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Make table name under the record page title clickable

3 participants