]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blame - client/src/app/header/header.component.scss
Move to angular cli
[github/Chocobozzz/PeerTube.git] / client / src / app / header / header.component.scss
CommitLineData
63c4db6d
C
1@import '_variables';
2@import '_mixins';
3
26c6ee80 4#search-video {
c30745f3 5 @include peertube-input-text($search-input-width);
26c6ee80
C
6 margin-right: 15px;
7 padding-right: 25px; // For the search icon
26c6ee80
C
8
9 &::placeholder {
10 color: #000;
11 }
3daf4002 12
20206dfb 13 @media screen and (max-width: 600px) {
3daf4002
C
14 width: calc(100% - 150px);
15 }
16
17 @media screen and (max-width: 400px) {
18 width: calc(100% - 70px);
19 }
26c6ee80
C
20}
21
22.icon.icon-search {
0727cab0 23 @include icon(25px);
26c6ee80 24 height: 21px;
0727cab0
C
25
26 background-image: url('../../assets/images/header/search.svg');
27
26c6ee80
C
28 // yolo
29 position: absolute;
30 margin-left: -50px;
31 margin-top: 5px;
32}
33
34.upload-button {
c30745f3 35 @include peertube-button-link;
7b272fd7 36 @include orange-button;
26c6ee80 37
c30745f3 38 margin-right: 25px;
26c6ee80
C
39
40 .icon.icon-upload {
04e0fc48
C
41 @include icon(22px);
42
43 background-image: url('../../assets/images/header/upload.svg');
26c6ee80
C
44 height: 24px;
45 vertical-align: middle;
46 margin-right: 6px;
47 }
3daf4002
C
48
49 @media screen and (max-width: 400px) {
50 margin-right: 10px;
51 padding: 0 10px;
52
53 .icon.icon-upload {
54 margin-right: 0;
55 }
56
57 .upload-button-label {
58 display: none;
59 }
60 }
26c6ee80 61}