Skip to content

Commit 5debc5c

Browse files
committed
set explicit text-decocation on .tsmb-foot anchor link
We set this explicitly do this on the anchor links in the search results (both initial and :hover). We didn't yet do this on the footer, which meant that on mostly unstyled pages, or sites that apply text-decoration:underline to anchor links pre-hover, would leak into the widget, and this would then oddly go away on-hover, which is kind of the opposite of what you'd expect. The odd selector rule in the codebase was biased by our demo, so I've adjusted the demo to be a bit more hostile by default (and arguably improve accessibility for other links in the demo) to make this less likely to regress in the future.
1 parent 6aac26c commit 5debc5c

File tree

2 files changed

+3
-4
lines changed

2 files changed

+3
-4
lines changed

demo/demo.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,9 +12,9 @@ body {
1212

1313
a {
1414
color: #9c3493;
15-
text-decoration: none;
1615
}
1716

17+
a,
1818
a:active,
1919
a:hover,
2020
a:focus {

typesense-minibar.css

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -181,15 +181,14 @@
181181
padding: var(--tsmb-size-base);
182182
}
183183

184-
.tsmb-foot {
184+
.tsmb-foot,
185+
.tsmb-foot:hover {
185186
display: block;
186187
text-align: right;
187188
font-size: var(--tsmb-size-sm);
188189
line-height: 18px;
189190
padding: var(--tsmb-size-half) var(--tsmb-size-sm);
190191
box-shadow: 0 0 10px rgba(0,0,0,0.12);
191-
}
192-
.tsmb-foot:hover {
193192
text-decoration: none;
194193
}
195194
.tsmb-foot::before {

0 commit comments

Comments
 (0)