]>
Commit | Line | Data |
---|---|---|
2f1548fd C |
1 | @import '_variables'; |
2 | @import '_mixins'; | |
3 | ||
4 | .header { | |
5 | display: flex; | |
2f1548fd | 6 | font-size: 15px; |
457bb213 | 7 | margin-bottom: 20px; |
2f1548fd C |
8 | |
9 | a { | |
10 | @include peertube-button-link; | |
11 | @include grey-button; | |
457bb213 | 12 | @include button-with-icon(18px, 3px, -1px); |
2f1548fd C |
13 | } |
14 | ||
15 | button { | |
16 | @include peertube-button; | |
17 | @include grey-button; | |
457bb213 | 18 | @include button-with-icon(20px, 3px, -1px); |
2f1548fd | 19 | } |
654a188f RK |
20 | |
21 | .peertube-select-container { | |
22 | @include peertube-select-container(auto); | |
23 | } | |
2f1548fd C |
24 | } |
25 | ||
654a188f | 26 | |
2f1548fd C |
27 | my-user-notifications { |
28 | font-size: 15px; | |
29 | } | |
4682468d K |
30 | |
31 | @media screen and (max-width: $mobile-view) { | |
32 | .header { | |
33 | flex-direction: column; | |
34 | ||
225a7682 | 35 | & >:first-child, .peertube-select-container { |
4682468d K |
36 | margin-bottom: 15px; |
37 | } | |
225a7682 RK |
38 | |
39 | .peertube-select-container { | |
40 | margin-left: 0 !important; | |
41 | } | |
42 | } | |
43 | } | |
44 | ||
45 | @media screen and (min-width: $mobile-view) and (max-width: $small-view) { | |
46 | .header { | |
47 | a { | |
48 | font-size: 0; | |
49 | padding: 0 13px; | |
50 | } | |
51 | ||
52 | .peertube-select-container { | |
53 | width: auto !important; | |
54 | } | |
55 | } | |
56 | } | |
57 | ||
58 | @media screen and (min-width: $mobile-view) and (max-width: #{$small-view + $menu-width}) { | |
59 | :host-context(.main-col:not(.expanded)) { | |
60 | .header { | |
61 | a { | |
62 | font-size: 0; | |
63 | padding: 0 13px; | |
64 | } | |
65 | ||
66 | .peertube-select-container { | |
67 | width: auto !important; | |
68 | } | |
69 | } | |
4682468d K |
70 | } |
71 | } |