From: Rigel Kent <sendmemail@rigelk.eu>
Date: Thu, 18 Jun 2020 10:10:20 +0000 (+0200)
Subject: soft border-radius for search typeahead suggestions
X-Git-Url: https://git.librecmc.org/?a=commitdiff_plain;h=6567e5a796a740ce512a487218cfcfb914872657;p=oweals%2Fpeertube.git

soft border-radius for search typeahead suggestions
---

diff --git a/client/src/app/header/search-typeahead.component.scss b/client/src/app/header/search-typeahead.component.scss
index 4b56fd93a..c21323f56 100644
--- a/client/src/app/header/search-typeahead.component.scss
+++ b/client/src/app/header/search-typeahead.component.scss
@@ -38,11 +38,17 @@
 #typeahead-instructions,
 li.suggestion {
   border: 1px solid pvar(--mainBackgroundColor);
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
   background: pvar(--mainBackgroundColor);
   transition: .3s ease;
   transition-property: box-shadow;
+
+  // soft border-radius for the last suggestion and the link inside
+  &:last-of-type {
+    &, & ::ng-deep a {
+      border-bottom-right-radius: 3px;
+      border-bottom-left-radius: 3px;
+    }
+  }
 }
 
 #typeahead-help,