diff options
-rw-r--r-- | client/src/app/header/search-typeahead.component.scss | 10 |
1 files changed, 8 insertions, 2 deletions
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 @@ | |||
38 | #typeahead-instructions, | 38 | #typeahead-instructions, |
39 | li.suggestion { | 39 | li.suggestion { |
40 | border: 1px solid pvar(--mainBackgroundColor); | 40 | border: 1px solid pvar(--mainBackgroundColor); |
41 | border-bottom-right-radius: 3px; | ||
42 | border-bottom-left-radius: 3px; | ||
43 | background: pvar(--mainBackgroundColor); | 41 | background: pvar(--mainBackgroundColor); |
44 | transition: .3s ease; | 42 | transition: .3s ease; |
45 | transition-property: box-shadow; | 43 | transition-property: box-shadow; |
44 | |||
45 | // soft border-radius for the last suggestion and the link inside | ||
46 | &:last-of-type { | ||
47 | &, & ::ng-deep a { | ||
48 | border-bottom-right-radius: 3px; | ||
49 | border-bottom-left-radius: 3px; | ||
50 | } | ||
51 | } | ||
46 | } | 52 | } |
47 | 53 | ||
48 | #typeahead-help, | 54 | #typeahead-help, |