diff options
Diffstat (limited to 'client/src/app/header/header.component.scss')
-rw-r--r-- | client/src/app/header/header.component.scss | 21 |
1 files changed, 5 insertions, 16 deletions
diff --git a/client/src/app/header/header.component.scss b/client/src/app/header/header.component.scss index 2bbde74bc..b602cf0a8 100644 --- a/client/src/app/header/header.component.scss +++ b/client/src/app/header/header.component.scss | |||
@@ -1,31 +1,20 @@ | |||
1 | @import '_variables'; | 1 | @import '_variables'; |
2 | @import '_mixins'; | 2 | @import '_mixins'; |
3 | 3 | ||
4 | my-search-typeahead { | ||
5 | margin-right: 15px; | ||
6 | } | ||
7 | |||
4 | #search-video { | 8 | #search-video { |
5 | @include peertube-input-text($search-input-width); | 9 | @include peertube-input-text($search-input-width); |
6 | padding-left: 10px; | 10 | padding-left: 10px; |
7 | margin-right: 15px; | ||
8 | padding-right: 40px; // For the search icon | 11 | padding-right: 40px; // For the search icon |
9 | font-size: 14px; | 12 | font-size: 14px; |
10 | 13 | ||
11 | transition: box-shadow .3s ease; | ||
12 | |||
13 | /* light border style */ | ||
14 | border: 1px solid var(--mainBackgroundColor); | ||
15 | box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 20px 0px; | ||
16 | |||
17 | &:focus { | ||
18 | box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 20px 0px; | ||
19 | } | ||
20 | |||
21 | &::placeholder { | 14 | &::placeholder { |
22 | color: var(--inputPlaceholderColor); | 15 | color: var(--inputPlaceholderColor); |
23 | } | 16 | } |
24 | 17 | ||
25 | &:focus::placeholder { | ||
26 | opacity: 0 !important; | ||
27 | } | ||
28 | |||
29 | @media screen and (max-width: 800px) { | 18 | @media screen and (max-width: 800px) { |
30 | width: calc(100% - 150px); | 19 | width: calc(100% - 150px); |
31 | } | 20 | } |
@@ -44,7 +33,7 @@ | |||
44 | 33 | ||
45 | // yolo | 34 | // yolo |
46 | position: absolute; | 35 | position: absolute; |
47 | margin-left: -50px; | 36 | margin-left: -35px; |
48 | margin-top: 5px; | 37 | margin-top: 5px; |
49 | } | 38 | } |
50 | 39 | ||