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

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

Roam's dot-tags are hidden by default and shown via
`.rm-block__self:hover`. Since the entire query table is mounted
inside a single Roam block, hovering anywhere on the results
triggers all dot-tags to show. Scope visibility to the individual
cell wrapper instead.

* Widen dot-tag hover target to full cell width

Use td:not(:hover) instead of span-level selector so dot-tags
show when hovering anywhere in the cell, not just over the text.

* Add explanatory comment for dot-tag CSS fix

Author: sid597

apps/roam/src/styles/styles.css

@@ -75,6 +75,13 @@
   padding: 8px;
 }
 
+/* Solves dot-tags (.#sticky, .#meeting) flashing on when hovering anywhere on the
+   Query Table. Roam shows them via .rm-block__self:hover and the entire table lives
+   in one block, so we scope visibility to the individual cell instead. */
+.roamjs-query-results-view td:not(:hover) .rm-page-ref[data-tag^="."] {
+  display: none !important;
+}
+
 .roamjs-view-select button {
   width: 100%;
   display: flex;
@@ -160,4 +167,4 @@
 
 .fuzzy-select-input-popover .bp3-popover-target {
   width: 100%;
-}
+}