]>
Commit | Line | Data |
---|---|---|
1 | #search-video { | |
2 | @include peertube-input-text($search-input-width); | |
3 | margin-right: 15px; | |
4 | padding-right: 25px; // For the search icon | |
5 | ||
6 | &::placeholder { | |
7 | color: #000; | |
8 | } | |
9 | ||
10 | @media screen and (max-width: 800px) { | |
11 | width: calc(100% - 150px); | |
12 | } | |
13 | ||
14 | @media screen and (max-width: 400px) { | |
15 | width: calc(100% - 70px); | |
16 | } | |
17 | } | |
18 | ||
19 | .icon.icon-search { | |
20 | @include icon(25px); | |
21 | height: 21px; | |
22 | ||
23 | background-image: url('../../assets/images/header/search.svg'); | |
24 | ||
25 | // yolo | |
26 | position: absolute; | |
27 | margin-left: -50px; | |
28 | margin-top: 5px; | |
29 | } | |
30 | ||
31 | .upload-button { | |
32 | @include peertube-button-link; | |
33 | @include orange-button; | |
34 | ||
35 | margin-right: 25px; | |
36 | ||
37 | .icon.icon-upload { | |
38 | @include icon(22px); | |
39 | ||
40 | background-image: url('../../assets/images/header/upload.svg'); | |
41 | height: 24px; | |
42 | vertical-align: middle; | |
43 | margin-right: 6px; | |
44 | } | |
45 | ||
46 | @media screen and (max-width: 400px) { | |
47 | margin-right: 10px; | |
48 | padding: 0 10px; | |
49 | ||
50 | .icon.icon-upload { | |
51 | margin-right: 0; | |
52 | } | |
53 | ||
54 | .upload-button-label { | |
55 | display: none; | |
56 | } | |
57 | } | |
58 | } |