aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorRigel Kent <sendmemail@rigelk.eu>2020-06-18 12:10:20 +0200
committerRigel Kent <sendmemail@rigelk.eu>2020-06-18 12:10:20 +0200
commit6567e5a796a740ce512a487218cfcfb914872657 (patch)
treebfc5d3ea55ea0c7859c083440450aafcfd9e0dcc
parent26d6bf6533023326fa017812cf31bbe20c752d36 (diff)
downloadPeerTube-6567e5a796a740ce512a487218cfcfb914872657.tar.gz
PeerTube-6567e5a796a740ce512a487218cfcfb914872657.tar.zst
PeerTube-6567e5a796a740ce512a487218cfcfb914872657.zip
soft border-radius for search typeahead suggestions
-rw-r--r--client/src/app/header/search-typeahead.component.scss10
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,
39li.suggestion { 39li.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,