diff options
| author | Rigel Kent <sendmemail@rigelk.eu> | 2020-06-18 12:10:20 +0200 |
|---|---|---|
| committer | Rigel Kent <sendmemail@rigelk.eu> | 2020-06-18 12:10:20 +0200 |
| commit | 6567e5a796a740ce512a487218cfcfb914872657 (patch) | |
| tree | bfc5d3ea55ea0c7859c083440450aafcfd9e0dcc /client | |
| parent | 26d6bf6533023326fa017812cf31bbe20c752d36 (diff) | |
| download | PeerTube-6567e5a796a740ce512a487218cfcfb914872657.tar.gz PeerTube-6567e5a796a740ce512a487218cfcfb914872657.tar.zst PeerTube-6567e5a796a740ce512a487218cfcfb914872657.zip | |
soft border-radius for search typeahead suggestions
Diffstat (limited to 'client')
| -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, |