diff options
Diffstat (limited to 'client/src/app/+video-channels/video-channels.component.scss')
-rw-r--r-- | client/src/app/+video-channels/video-channels.component.scss | 22 |
1 files changed, 11 insertions, 11 deletions
diff --git a/client/src/app/+video-channels/video-channels.component.scss b/client/src/app/+video-channels/video-channels.component.scss index e946707ef..470f64878 100644 --- a/client/src/app/+video-channels/video-channels.component.scss +++ b/client/src/app/+video-channels/video-channels.component.scss | |||
@@ -107,8 +107,8 @@ | |||
107 | display: flex; | 107 | display: flex; |
108 | margin-bottom: 15px; | 108 | margin-bottom: 15px; |
109 | 109 | ||
110 | img { | 110 | .account-avatar { |
111 | @include avatar(48px); | 111 | @include actor-avatar-size(48px); |
112 | } | 112 | } |
113 | 113 | ||
114 | .actor-info { | 114 | .actor-info { |
@@ -131,10 +131,10 @@ | |||
131 | } | 131 | } |
132 | 132 | ||
133 | .owner-description { | 133 | .owner-description { |
134 | @include fade-text(120px, pvar(--mainBackgroundColor)); | ||
135 | |||
134 | max-height: 140px; | 136 | max-height: 140px; |
135 | word-break: break-word; | 137 | word-break: break-word; |
136 | |||
137 | @include fade-text(120px, pvar(--mainBackgroundColor)); | ||
138 | } | 138 | } |
139 | } | 139 | } |
140 | 140 | ||
@@ -150,7 +150,7 @@ | |||
150 | } | 150 | } |
151 | 151 | ||
152 | .copy-button { | 152 | .copy-button { |
153 | border: none; | 153 | border: 0; |
154 | } | 154 | } |
155 | 155 | ||
156 | @media screen and (max-width: 1400px) { | 156 | @media screen and (max-width: 1400px) { |
@@ -178,9 +178,9 @@ | |||
178 | } | 178 | } |
179 | 179 | ||
180 | .channel-description:not(.expanded) { | 180 | .channel-description:not(.expanded) { |
181 | max-height: 70px; | ||
182 | |||
183 | @include fade-text(30px, pvar(--channelBackgroundColor)); | 181 | @include fade-text(30px, pvar(--channelBackgroundColor)); |
182 | |||
183 | max-height: 70px; | ||
184 | } | 184 | } |
185 | 185 | ||
186 | .show-more { | 186 | .show-more { |
@@ -220,10 +220,10 @@ | |||
220 | } | 220 | } |
221 | 221 | ||
222 | .owner-description { | 222 | .owner-description { |
223 | @include fade-text(30px, pvar(--mainBackgroundColor)); | ||
224 | |||
223 | grid-column: 2; | 225 | grid-column: 2; |
224 | max-height: 70px; | 226 | max-height: 70px; |
225 | |||
226 | @include fade-text(30px, pvar(--mainBackgroundColor)); | ||
227 | } | 227 | } |
228 | 228 | ||
229 | .view-account { | 229 | .view-account { |
@@ -289,8 +289,8 @@ | |||
289 | margin-top: -5px; | 289 | margin-top: -5px; |
290 | } | 290 | } |
291 | 291 | ||
292 | img { | 292 | .account-avatar { |
293 | @include channel-avatar(64px); | 293 | @include actor-avatar-size(64px); |
294 | 294 | ||
295 | margin: -30px 0 0 15px; | 295 | margin: -30px 0 0 15px; |
296 | } | 296 | } |