]>
Commit | Line | Data |
---|---|---|
22a16e36 C |
1 | @import '_variables'; |
2 | @import '_mixins'; | |
3 | ||
660d11e9 | 4 | .btn-group-subscribe { |
22a16e36 | 5 | @include peertube-button; |
660d11e9 | 6 | @include disable-default-a-behaviour; |
39ba2e8e | 7 | |
660d11e9 RK |
8 | float: right; |
9 | padding: 0; | |
22a16e36 | 10 | |
39ba2e8e C |
11 | & > .btn, |
12 | & > .dropdown > .dropdown-toggle { | |
660d11e9 RK |
13 | font-size: 15px; |
14 | } | |
39ba2e8e C |
15 | |
16 | // Unlogged | |
17 | & > .dropdown > .dropdown-toggle span { | |
18 | padding-right: 3px; | |
19 | } | |
20 | ||
21 | // Logged | |
22 | & > .btn { | |
23 | padding-right: 4px; | |
24 | ||
25 | & + .dropdown > button { | |
26 | padding-left: 2px; | |
27 | ||
28 | &::after { | |
29 | position: relative; | |
30 | top: 1px; | |
31 | } | |
32 | } | |
660d11e9 | 33 | } |
22a16e36 | 34 | |
660d11e9 RK |
35 | &.subscribe-button { |
36 | .btn { | |
37 | @include orange-button; | |
38 | font-weight: 600; | |
39 | } | |
f37dc0dd | 40 | |
660d11e9 | 41 | span.followers-count { |
39ba2e8e | 42 | padding-left: 5px; |
660d11e9 | 43 | } |
f37dc0dd | 44 | } |
660d11e9 RK |
45 | &.unsubscribe-button { |
46 | .btn { | |
47 | @include grey-button; | |
48 | font-weight: 600; | |
49 | } | |
f37dc0dd | 50 | } |
22a16e36 | 51 | |
39ba2e8e C |
52 | .dropdown-menu { |
53 | cursor: default; | |
54 | ||
55 | button { | |
56 | cursor: pointer; | |
57 | } | |
58 | } | |
59 | ||
660d11e9 RK |
60 | .dropdown-header { |
61 | padding-left: 1rem; | |
22a16e36 C |
62 | } |
63 | ||
660d11e9 RK |
64 | /deep/ form { |
65 | padding: 0.25rem 1rem; | |
22a16e36 C |
66 | } |
67 | ||
660d11e9 RK |
68 | input { |
69 | @include peertube-input-text(100%); | |
22a16e36 | 70 | } |
660d11e9 | 71 | } |