aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/include
diff options
context:
space:
mode:
authorRigel Kent <sendmemail@rigelk.eu>2020-03-27 15:19:03 +0100
committerGitHub <noreply@github.com>2020-03-27 15:19:03 +0100
commit76314386aeafdd6849b7b70c517779d6b2013473 (patch)
treef0ba33e0f6e7b2eb99222a9eb5b85846cf309ab1 /client/src/sass/include
parent56d72521ec139dfc0aef083b8541a5b16d974ac1 (diff)
downloadPeerTube-76314386aeafdd6849b7b70c517779d6b2013473.tar.gz
PeerTube-76314386aeafdd6849b7b70c517779d6b2013473.tar.zst
PeerTube-76314386aeafdd6849b7b70c517779d6b2013473.zip
Add overview of a user's actions in user-edit (#2558)
Diffstat (limited to 'client/src/sass/include')
-rw-r--r--client/src/sass/include/_mixins.scss82
1 files changed, 82 insertions, 0 deletions
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index e8dfb79bc..f96a43b34 100644
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -621,3 +621,85 @@
621 } 621 }
622 } 622 }
623} 623}
624
625@mixin breadcrumb {
626 display: flex;
627 flex-wrap: wrap;
628 padding: 0.75rem 1rem;
629 margin-bottom: 1rem;
630 list-style: none;
631 background-color: var(--submenuColor);
632 border-radius: 0.25rem;
633
634 .breadcrumb-item {
635 display: flex;
636
637 a {
638 color: var(--mainColor);
639 }
640
641 & + .breadcrumb-item {
642 padding-left: 0.5rem;
643 &::before {
644 display: inline-block;
645 padding-right: 0.5rem;
646 color: #6c757d;
647 content: "/";
648 }
649 }
650
651 &.active {
652 color: #6c757d;
653 }
654 }
655}
656
657@mixin dashboard {
658 display: flex;
659 flex-wrap: wrap;
660 margin: 0 -5px;
661
662 & > div {
663 box-sizing: border-box;
664 flex: 0 0 percentage(1/3);
665 padding: 0 5px;
666 margin-bottom: 10px;
667
668 & > a {
669 text-decoration: none;
670 color: inherit;
671 display: block;
672 font-size: 18px;
673
674 &:active,
675 &:focus,
676 &:hover {
677 opacity: .8;
678 }
679 }
680
681 & > a,
682 & > div {
683 padding: 20px;
684 background: var(--submenuColor);
685 border-radius: 4px;
686 box-sizing: border-box;
687 height: 100%;
688 }
689 }
690
691 .dashboard-num, .dashboard-text {
692 text-align: center;
693 font-size: 130%;
694 line-height: 21px;
695 color: var(--mainForegroundColor);
696 line-height: 30px;
697 margin-bottom: 20px;
698 }
699
700 .dashboard-label {
701 font-size: 90%;
702 color: var(--inputPlaceholderColor);
703 text-align: center;
704 }
705}