aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.scss
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2020-06-23 14:10:17 +0200
committerChocobozzz <chocobozzz@cpy.re>2020-06-23 16:00:49 +0200
commit67ed6552b831df66713bac9e672738796128d33f (patch)
tree59c97d41e0b49d75a90aa3de987968ab9b1ff447 /client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.scss
parent0c4bacbff53bc732f5a2677d62a6ead7752e2405 (diff)
downloadPeerTube-67ed6552b831df66713bac9e672738796128d33f.tar.gz
PeerTube-67ed6552b831df66713bac9e672738796128d33f.tar.zst
PeerTube-67ed6552b831df66713bac9e672738796128d33f.zip
Reorganize client shared modules
Diffstat (limited to 'client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.scss')
-rw-r--r--client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.scss115
1 files changed, 0 insertions, 115 deletions
diff --git a/client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.scss b/client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.scss
deleted file mode 100644
index 76fb2cde0..000000000
--- a/client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.scss
+++ /dev/null
@@ -1,115 +0,0 @@
1@import '_variables';
2@import '_mixins';
3
4.create-button {
5 @include create-button;
6}
7
8::ng-deep .action-button {
9 &.action-button-edit {
10 margin-right: 10px;
11 }
12}
13
14.video-channel {
15 @include row-blocks;
16 padding-bottom: 0;
17
18 img {
19 @include avatar(80px);
20
21 margin-right: 10px;
22 }
23
24 .video-channel-info {
25 flex-grow: 1;
26
27 a.video-channel-names {
28 @include disable-default-a-behaviour;
29
30 width: fit-content;
31 display: flex;
32 align-items: baseline;
33 color: pvar(--mainForegroundColor);
34
35 .video-channel-display-name {
36 font-weight: $font-semibold;
37 font-size: 18px;
38 }
39
40 .video-channel-name {
41 font-size: 14px;
42 color: $grey-actor-name;
43 margin-left: 5px;
44 }
45
46 .video-channel-followers {
47
48 }
49 }
50 }
51
52 .video-channel-buttons {
53 margin-top: 10px;
54 min-width: 190px;
55 }
56}
57
58.video-channels-header {
59 text-align: right;
60 margin: 20px 0 50px;
61}
62
63::ng-deep .chartjs-render-monitor {
64 position: relative;
65 top: 1px;
66}
67
68@media screen and (max-width: $small-view) {
69 .video-channels-header {
70 text-align: center;
71 }
72
73 .video-channel {
74 padding-bottom: 10px;
75
76 .video-channel-info {
77 padding-bottom: 10px;
78 text-align: center;
79
80 .video-channel-names {
81 flex-direction: column;
82 align-items: center !important;
83 margin: auto;
84
85 .video-channel-name {
86 margin-left: 0px !important;
87 }
88 }
89 }
90
91 img {
92 margin-right: 0;
93 }
94
95 .video-channel-buttons {
96 align-self: center;
97 }
98 }
99}
100
101@media screen and (min-width: breakpoint(lg)) {
102 :host-context(.main-col:not(.expanded)) {
103 .video-channel-buttons {
104 float: right;
105 }
106 }
107}
108
109@media screen and (min-width: $small-view) {
110 :host-context(.expanded) {
111 .video-channel-buttons {
112 float: right;
113 }
114 }
115}