diff options
author | Chocobozzz <me@florianbigard.com> | 2021-03-29 16:45:35 +0200 |
---|---|---|
committer | Chocobozzz <chocobozzz@cpy.re> | 2021-03-31 09:05:51 +0200 |
commit | deb8b9cdb03213efd8f1fc4b40ab94ae499fe058 (patch) | |
tree | 7ba35e933530a706ec939b9c26c152d760710990 /client/src/sass | |
parent | 100d9ce23bb7c5186132607e4c444f9cba5002a4 (diff) | |
download | PeerTube-deb8b9cdb03213efd8f1fc4b40ab94ae499fe058.tar.gz PeerTube-deb8b9cdb03213efd8f1fc4b40ab94ae499fe058.tar.zst PeerTube-deb8b9cdb03213efd8f1fc4b40ab94ae499fe058.zip |
Square channel avatar consistency
Diffstat (limited to 'client/src/sass')
-rw-r--r-- | client/src/sass/include/_miniature.scss | 2 | ||||
-rw-r--r-- | client/src/sass/include/_mixins.scss | 80 |
2 files changed, 1 insertions, 81 deletions
diff --git a/client/src/sass/include/_miniature.scss b/client/src/sass/include/_miniature.scss index 326d4677a..457a7151c 100644 --- a/client/src/sass/include/_miniature.scss +++ b/client/src/sass/include/_miniature.scss | |||
@@ -136,7 +136,7 @@ $play-overlay-width: 18px; | |||
136 | align-items: center; | 136 | align-items: center; |
137 | 137 | ||
138 | img { | 138 | img { |
139 | @include avatar(28px); | 139 | @include channel-avatar(28px); |
140 | 140 | ||
141 | margin-right: 8px; | 141 | margin-right: 8px; |
142 | } | 142 | } |
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss index 82c60a59d..7b862a156 100644 --- a/client/src/sass/include/_mixins.scss +++ b/client/src/sass/include/_mixins.scss | |||
@@ -612,86 +612,6 @@ | |||
612 | } | 612 | } |
613 | } | 613 | } |
614 | 614 | ||
615 | @mixin sub-menu-with-actor { | ||
616 | position: initial; | ||
617 | z-index: unset; | ||
618 | height: max-content; | ||
619 | display: flex; | ||
620 | flex-direction: column; | ||
621 | align-items: flex-start; | ||
622 | |||
623 | .actor { | ||
624 | display: flex; | ||
625 | margin-top: 20px; | ||
626 | margin-bottom: 20px; | ||
627 | |||
628 | img { | ||
629 | @include avatar(80px); | ||
630 | |||
631 | margin-right: 20px; | ||
632 | } | ||
633 | |||
634 | .actor-info { | ||
635 | display: flex; | ||
636 | flex-direction: column; | ||
637 | justify-content: center; | ||
638 | |||
639 | .actor-names { | ||
640 | display: flex; | ||
641 | align-items: center; | ||
642 | flex-wrap: wrap; | ||
643 | |||
644 | .actor-display-name { | ||
645 | font-size: 23px; | ||
646 | font-weight: $font-bold; | ||
647 | margin-right: 7px; | ||
648 | } | ||
649 | |||
650 | .actor-name { | ||
651 | position: relative; | ||
652 | top: 3px; | ||
653 | font-size: 14px; | ||
654 | color: $grey-actor-name; | ||
655 | } | ||
656 | } | ||
657 | |||
658 | .actor-lower { | ||
659 | grid-area: lower; | ||
660 | } | ||
661 | |||
662 | .actor-followers { | ||
663 | font-size: 15px; | ||
664 | } | ||
665 | |||
666 | .actor-owner { | ||
667 | @include actor-owner; | ||
668 | } | ||
669 | } | ||
670 | } | ||
671 | |||
672 | .links { | ||
673 | margin-top: 0; | ||
674 | margin-bottom: 15px; | ||
675 | |||
676 | a { | ||
677 | margin-top: 0; | ||
678 | margin-bottom: 0; | ||
679 | text-transform: uppercase; | ||
680 | font-weight: 600; | ||
681 | font-size: 110%; | ||
682 | |||
683 | @media screen and (max-width: $mobile-view) { | ||
684 | font-size: 130%; | ||
685 | } | ||
686 | } | ||
687 | |||
688 | list-overflow { | ||
689 | display: inline-block; | ||
690 | width: max-content; | ||
691 | } | ||
692 | } | ||
693 | } | ||
694 | |||
695 | @mixin create-button { | 615 | @mixin create-button { |
696 | @include peertube-button-link; | 616 | @include peertube-button-link; |
697 | @include orange-button; | 617 | @include orange-button; |