ENG-226: Fix dot-tag (.#sticky, .#meeting) flashing in query table results

[sid597]

https://www.loom.com/share/57058df737784d07b543f1f34777b895

---

Summary by CodeRabbit

• Style
  • Query results view now hides unnecessary elements in result cells when not hovering, improving visual clarity.

[linear]

ENG-226 .#sticky flashing on for mouse over entire Query Table

[supabase]

This pull request has been ignored for the connected project zytfjzqyijgagqxrzbmz because there are no changes detected in packages/database/supabase directory. You can change this behaviour in Project Integrations Settings ↗︎.

---

Preview Branches by Supabase.
Learn more about Supabase Branching ↗︎.

[sid597]

@coderabbitai full review

[devin-ai-integration]

✅ Devin Review: No Issues Found

Devin Review analyzed this PR and found no potential bugs to report.

View in Devin Review to see 1 additional finding.

[coderabbitai]

✅ Actions performed

Full review triggered.

[coderabbitai]

📝 Walkthrough

Walkthrough

Added a CSS rule to hide .rm-page-ref elements with tag attributes within .roamjs-query-results-view table cells when not hovered. Added trailing newline to the file.

Changes

Cohort / File(s)	Summary
CSS Styling apps/roam/src/styles/styles.css	Hide tag page-ref elements in query result table cells when not hovered using display: none !important override.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Possibly related PRs

• Roam: Eng-752 node formalization menu doesnt pop up in query results forr #417: Implements hover-persistent popups and rendering of tag page-ref elements within the same query-result table cells that this PR now visually hides.

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title clearly and specifically describes the main change: fixing dot-tag flashing in query table results, with concrete examples (.#sticky, .#meeting) and the issue context.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

📝 Coding Plan

• Generate coding plan for human review comments

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

Tip

You can validate your CodeRabbit configuration file in your editor.

If your editor has YAML language server, you can enable auto-completion and validation by adding # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json at the top of your CodeRabbit configuration file.

[mdroidian]

Nice. Let's add a comment for future us that explains why this css is there, eg:

// Solves .#sticky flashing on for mouse over entire Query Table