From 6567e5a796a740ce512a487218cfcfb914872657 Mon Sep 17 00:00:00 2001 From: Rigel Kent Date: Thu, 18 Jun 2020 12:10:20 +0200 Subject: soft border-radius for search typeahead suggestions --- client/src/app/header/search-typeahead.component.scss | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) (limited to 'client/src/app') 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, -- cgit v1.2.3