diff options
Diffstat (limited to 'client/src/app/shared/user-subscription/subscribe-button.component.scss')
-rw-r--r-- | client/src/app/shared/user-subscription/subscribe-button.component.scss | 67 |
1 files changed, 31 insertions, 36 deletions
diff --git a/client/src/app/shared/user-subscription/subscribe-button.component.scss b/client/src/app/shared/user-subscription/subscribe-button.component.scss index b78d2f59c..7a8a8ee08 100644 --- a/client/src/app/shared/user-subscription/subscribe-button.component.scss +++ b/client/src/app/shared/user-subscription/subscribe-button.component.scss | |||
@@ -1,51 +1,46 @@ | |||
1 | @import '_variables'; | 1 | @import '_variables'; |
2 | @import '_mixins'; | 2 | @import '_mixins'; |
3 | 3 | ||
4 | .subscribe-button { | 4 | .btn-group-subscribe { |
5 | @include peertube-button; | 5 | @include peertube-button; |
6 | @include orange-button; | 6 | @include disable-default-a-behaviour; |
7 | } | 7 | float: right; |
8 | padding: 0; | ||
8 | 9 | ||
9 | .unsubscribe-button { | 10 | &.btn-group > .btn:not(.dropdown-toggle) { |
10 | @include peertube-button; | 11 | padding-right: 5px; |
11 | @include grey-button | 12 | font-size: 15px; |
12 | } | 13 | } |
14 | &.btn-group > .btn-group:not(:first-child) > .btn { | ||
15 | padding-left: 2px; | ||
16 | } | ||
13 | 17 | ||
14 | .subscribe-button, | 18 | &.subscribe-button { |
15 | .unsubscribe-button { | 19 | .btn { |
16 | display: inline-block; | 20 | @include orange-button; |
21 | font-weight: 600; | ||
22 | } | ||
17 | 23 | ||
18 | &.small { | 24 | span.followers-count { |
19 | min-width: 75px; | 25 | padding-left:5px; |
20 | height: 20px; | 26 | } |
21 | line-height: 20px; | ||
22 | font-size: 13px; | ||
23 | } | 27 | } |
24 | 28 | &.unsubscribe-button { | |
25 | &.normal { | 29 | .btn { |
26 | min-width: 120px; | 30 | @include grey-button; |
27 | height: 30px; | 31 | font-weight: 600; |
28 | line-height: 30px; | 32 | } |
29 | font-size: 16px; | ||
30 | } | 33 | } |
31 | } | ||
32 | 34 | ||
33 | .unsubscribe-button { | 35 | .dropdown-header { |
34 | .subscribed { | 36 | padding-left: 1rem; |
35 | display: inline; | ||
36 | } | 37 | } |
37 | 38 | ||
38 | .unsubscribe { | 39 | /deep/ form { |
39 | display: none; | 40 | padding: 0.25rem 1rem; |
40 | } | 41 | } |
41 | 42 | ||
42 | &:hover { | 43 | input { |
43 | .subscribed { | 44 | @include peertube-input-text(100%); |
44 | display: none; | ||
45 | } | ||
46 | |||
47 | .unsubscribe { | ||
48 | display: inline; | ||
49 | } | ||
50 | } | 45 | } |
51 | } \ No newline at end of file | 46 | } |