Merge pull request #36844 from nextcloud/backport/36771/stable25

[stable25] Add focus border for search results
nextcloud · Feb 25, 2023 · 7b2a3bd · 7b2a3bd
2 parents 041d8b8 + 6e6e3cd
commit 7b2a3bd
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 8 deletions.
diff --git a/core/src/components/UnifiedSearch/SearchResult.vue b/core/src/components/UnifiedSearch/SearchResult.vue
@@ -172,19 +172,18 @@ $margin: 10px;
 	align-items: center;
 	height: $clickable-area;
 	padding: $margin;
-	border-bottom: 1px solid var(--color-border);
+	border: 2px solid transparent;
 	border-radius: var(--border-radius-large) !important;
 
-	// Load more entry,
-	&:last-child {
-		border-bottom: none;
+	&--focused {
+		background-color: var(--color-background-hover);
 	}
 
-	&--focused,
 	&:active,
 	&:hover,
 	&:focus {
 		background-color: var(--color-background-hover);
+		border: 2px solid var(--color-border-maxcontrast);
 	}
 
 	* {