feat(table): added mode disabling row hover bg-color (#DS-5234)#1685
Conversation
|
Visit the preview URL for this PR (updated for commit a3a0dae): https://koobiq-next--prs-1685-3g222amj.web.app (expires Tue, 07 Jul 2026 15:07:14 GMT) 🔥 via Firebase Hosting GitHub Action 🌎 Sign: c9e37e518febda70d0317d07e8ceb35ac43c534c |
There was a problem hiding this comment.
Pull request overview
This PR adds a new disableHover mode to KbqTable to disable row hover background styling (including the .kbq-hovered state used in demos), and wires it through styling, documentation, and examples.
Changes:
- Added
disableHoverboolean input toKbqTableand applied a corresponding host modifier class. - Updated table theme styles so hover background is applied only when hover is not disabled.
- Added docs + docs-example showcasing a table without hover highlighting, and updated the public API snapshot.
Reviewed changes
Copilot reviewed 9 out of 9 changed files in this pull request and generated 3 comments.
Show a summary per file
| File | Description |
|---|---|
| tools/public_api_guard/components/table.api.md | Updates the public API snapshot to include disableHover and reflect input transform typing changes. |
| packages/docs-examples/components/table/table-disable-hover/table-disable-hover-example.ts | Adds a new docs example demonstrating disableHover. |
| packages/docs-examples/components/table/index.ts | Registers/exports the new docs example in the table examples module. |
| packages/components/table/table.ru.md | Documents the new disableHover option and links the example. |
| packages/components/table/table.en.md | Documents the new disableHover option and links the example. |
| packages/components/table/table.component.ts | Introduces the disableHover input and uses booleanAttribute transforms for boolean inputs. |
| packages/components/table/_table-theme.scss | Gates hover background styling behind the absence of .kbq-table_disable-hover. |
| packages/components-dev/table/template.html | Shows the docs example in the table dev app page. |
| packages/components-dev/table/module.ts | Imports and renders the new docs example in the dev app. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
🚨 E2E tests failedReview the report for details. 💡 Comment |
|
/approve-snapshots |
|
🔄 Updating snapshots. |
|
✅ Snapshots updated! |
🚨 E2E tests failedReview the report for details. 💡 Comment |
|
/approve-snapshots |
|
🔄 Updating snapshots. |
|
✅ Snapshots updated! |
No description provided.