aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2021-03-29 16:45:35 +0200
committerChocobozzz <chocobozzz@cpy.re>2021-03-31 09:05:51 +0200
commitdeb8b9cdb03213efd8f1fc4b40ab94ae499fe058 (patch)
tree7ba35e933530a706ec939b9c26c152d760710990 /client/src/sass
parent100d9ce23bb7c5186132607e4c444f9cba5002a4 (diff)
downloadPeerTube-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.scss2
-rw-r--r--client/src/sass/include/_mixins.scss80
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;