diff options
author | Chocobozzz <me@florianbigard.com> | 2018-05-23 11:38:00 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2018-05-23 11:38:18 +0200 |
commit | a4f99a766bd07851a37dd7ff8fed7acc2a3ef021 (patch) | |
tree | 825ae223689f9b6df1553da0f67f44802b1fe4ca /client/src/sass | |
parent | b851dabf78d0a7ffad64913498c1f9cd37f16268 (diff) | |
download | PeerTube-a4f99a766bd07851a37dd7ff8fed7acc2a3ef021.tar.gz PeerTube-a4f99a766bd07851a37dd7ff8fed7acc2a3ef021.tar.zst PeerTube-a4f99a766bd07851a37dd7ff8fed7acc2a3ef021.zip |
Add owner in video channel page
Diffstat (limited to 'client/src/sass')
-rw-r--r-- | client/src/sass/include/_mixins.scss | 27 |
1 files changed, 24 insertions, 3 deletions
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss index ffbedd3f5..dce3430fd 100644 --- a/client/src/sass/include/_mixins.scss +++ b/client/src/sass/include/_mixins.scss | |||
@@ -160,7 +160,7 @@ | |||
160 | position: absolute; | 160 | position: absolute; |
161 | pointer-events: none; | 161 | pointer-events: none; |
162 | border: 5px solid rgba(0, 0, 0, 0); | 162 | border: 5px solid rgba(0, 0, 0, 0); |
163 | border-top-color: #000000; | 163 | border-top-color: #000; |
164 | margin-top: -2px; | 164 | margin-top: -2px; |
165 | z-index: 100; | 165 | z-index: 100; |
166 | } | 166 | } |
@@ -286,7 +286,7 @@ | |||
286 | 286 | ||
287 | @mixin avatar ($size) { | 287 | @mixin avatar ($size) { |
288 | object-fit: cover; | 288 | object-fit: cover; |
289 | border-radius:50%; | 289 | border-radius: 50%; |
290 | width: $size; | 290 | width: $size; |
291 | height: $size; | 291 | height: $size; |
292 | } | 292 | } |
@@ -365,6 +365,27 @@ | |||
365 | .actor-followers { | 365 | .actor-followers { |
366 | font-size: 15px; | 366 | font-size: 15px; |
367 | } | 367 | } |
368 | |||
369 | .actor-owner { | ||
370 | @include disable-default-a-behaviour; | ||
371 | |||
372 | display: block; | ||
373 | font-size: 13px; | ||
374 | margin-top: 4px; | ||
375 | color: #000; | ||
376 | |||
377 | span:hover { | ||
378 | opacity: 0.8; | ||
379 | } | ||
380 | |||
381 | img { | ||
382 | @include avatar(18px); | ||
383 | |||
384 | margin-left: 7px; | ||
385 | position: relative; | ||
386 | top: -2px; | ||
387 | } | ||
388 | } | ||
368 | } | 389 | } |
369 | } | 390 | } |
370 | 391 | ||
@@ -389,4 +410,4 @@ | |||
389 | margin-right: 3px; | 410 | margin-right: 3px; |
390 | background-image: url('/assets/images/admin/add.svg'); | 411 | background-image: url('/assets/images/admin/add.svg'); |
391 | } | 412 | } |
392 | } \ No newline at end of file | 413 | } |