Skip to content

Commit e77b0f6

Browse files
committed
Add focus border for search results
Signed-off-by: Christopher Ng <chrng8@gmail.com>
1 parent abaf6cd commit e77b0f6

3 files changed

Lines changed: 7 additions & 8 deletions

File tree

core/src/components/UnifiedSearch/SearchResult.vue

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -172,19 +172,18 @@ $margin: 10px;
172172
align-items: center;
173173
height: $clickable-area;
174174
padding: $margin;
175-
border-bottom: 1px solid var(--color-border);
175+
border: 2px solid transparent;
176176
border-radius: var(--border-radius-large) !important;
177177
178-
// Load more entry,
179-
&:last-child {
180-
border-bottom: none;
178+
&--focused {
179+
background-color: var(--color-background-hover);
181180
}
182181
183-
&--focused,
184182
&:active,
185183
&:hover,
186184
&:focus {
187185
background-color: var(--color-background-hover);
186+
border: 2px solid var(--color-border-maxcontrast);
188187
}
189188
190189
* {

0 commit comments

Comments
 (0)