diff options
author | Chocobozzz <me@florianbigard.com> | 2020-05-29 16:16:24 +0200 |
---|---|---|
committer | Chocobozzz <chocobozzz@cpy.re> | 2020-06-10 14:02:41 +0200 |
commit | 5fb2e2888ce032c638e4b75d07458642f0833e52 (patch) | |
tree | 8830d873569316889b8134027e9a43b198cca38f /client/src/app/header/search-typeahead.component.scss | |
parent | 62e7be634bc189f942ae51cb4b080079ab503ff0 (diff) | |
download | PeerTube-5fb2e2888ce032c638e4b75d07458642f0833e52.tar.gz PeerTube-5fb2e2888ce032c638e4b75d07458642f0833e52.tar.zst PeerTube-5fb2e2888ce032c638e4b75d07458642f0833e52.zip |
First implem global search
Diffstat (limited to 'client/src/app/header/search-typeahead.component.scss')
-rw-r--r-- | client/src/app/header/search-typeahead.component.scss | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/client/src/app/header/search-typeahead.component.scss b/client/src/app/header/search-typeahead.component.scss index 0a30ebd55..4b56fd93a 100644 --- a/client/src/app/header/search-typeahead.component.scss +++ b/client/src/app/header/search-typeahead.component.scss | |||
@@ -36,7 +36,7 @@ | |||
36 | 36 | ||
37 | #typeahead-help, | 37 | #typeahead-help, |
38 | #typeahead-instructions, | 38 | #typeahead-instructions, |
39 | my-suggestions ::ng-deep ul { | 39 | li.suggestion { |
40 | border: 1px solid pvar(--mainBackgroundColor); | 40 | border: 1px solid pvar(--mainBackgroundColor); |
41 | border-bottom-right-radius: 3px; | 41 | border-bottom-right-radius: 3px; |
42 | border-bottom-left-radius: 3px; | 42 | border-bottom-left-radius: 3px; |
@@ -90,7 +90,7 @@ my-suggestions ::ng-deep ul { | |||
90 | } | 90 | } |
91 | 91 | ||
92 | & > div:last-child { | 92 | & > div:last-child { |
93 | // we have to switch the display and not the opacity, | 93 | // we have to switch the display and not the opacity, |
94 | // to avoid clashing with the rest of the interface. | 94 | // to avoid clashing with the rest of the interface. |
95 | display: none; | 95 | display: none; |
96 | } | 96 | } |
@@ -101,10 +101,10 @@ my-suggestions ::ng-deep ul { | |||
101 | @media screen and (min-width: $mobile-view) { | 101 | @media screen and (min-width: $mobile-view) { |
102 | display: initial !important; | 102 | display: initial !important; |
103 | } | 103 | } |
104 | 104 | ||
105 | #typeahead-help, | 105 | #typeahead-help, |
106 | #typeahead-instructions, | 106 | #typeahead-instructions, |
107 | my-suggestions ::ng-deep ul { | 107 | li.suggestion { |
108 | box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 20px -5px; | 108 | box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 20px -5px; |
109 | } | 109 | } |
110 | } | 110 | } |