]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blame - client/src/app/shared/user-subscription/subscribe-button.component.scss
refactor subscribe button and comment-add for visitor-interact UX (#1100)
[github/Chocobozzz/PeerTube.git] / client / src / app / shared / user-subscription / subscribe-button.component.scss
CommitLineData
22a16e36
C
1@import '_variables';
2@import '_mixins';
3
660d11e9 4.btn-group-subscribe {
22a16e36 5 @include peertube-button;
660d11e9
RK
6 @include disable-default-a-behaviour;
7 float: right;
8 padding: 0;
22a16e36 9
660d11e9
RK
10 &.btn-group > .btn:not(.dropdown-toggle) {
11 padding-right: 5px;
12 font-size: 15px;
13 }
14 &.btn-group > .btn-group:not(:first-child) > .btn {
15 padding-left: 2px;
16 }
22a16e36 17
660d11e9
RK
18 &.subscribe-button {
19 .btn {
20 @include orange-button;
21 font-weight: 600;
22 }
f37dc0dd 23
660d11e9
RK
24 span.followers-count {
25 padding-left:5px;
26 }
f37dc0dd 27 }
660d11e9
RK
28 &.unsubscribe-button {
29 .btn {
30 @include grey-button;
31 font-weight: 600;
32 }
f37dc0dd 33 }
22a16e36 34
660d11e9
RK
35 .dropdown-header {
36 padding-left: 1rem;
22a16e36
C
37 }
38
660d11e9
RK
39 /deep/ form {
40 padding: 0.25rem 1rem;
22a16e36
C
41 }
42
660d11e9
RK
43 input {
44 @include peertube-input-text(100%);
22a16e36 45 }
660d11e9 46}