aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/primeng-custom.scss
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/sass/primeng-custom.scss')
-rw-r--r--client/src/sass/primeng-custom.scss71
1 files changed, 4 insertions, 67 deletions
diff --git a/client/src/sass/primeng-custom.scss b/client/src/sass/primeng-custom.scss
index f5d7c7b00..787fdbc88 100644
--- a/client/src/sass/primeng-custom.scss
+++ b/client/src/sass/primeng-custom.scss
@@ -445,57 +445,6 @@ body p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
445 border: 1px solid #a80000; 445 border: 1px solid #a80000;
446} 446}
447 447
448// select button
449body .p-selectbutton .p-button {
450 background-color: #dadada;
451 border: 1px solid #dadada;
452 color: #333333;
453 overflow: hidden;
454 transition: background-color 0.2s, box-shadow 0.2s;
455}
456body .p-selectbutton .p-button .p-button-icon-left {
457 color: #666666;
458}
459body .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
460 background-color: #c8c8c8;
461 border-color: #c8c8c8;
462 color: #333333;
463}
464body .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left {
465 color: #212121;
466}
467body .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight).ui-state-focus {
468 box-shadow: 0 0 0 0.2em #8dcdff;
469 z-index: 1;
470}
471body .p-selectbutton .p-button.p-highlight {
472 background-color: pvar(--mainColor);
473 border-color: pvar(--mainColor);
474 color: #ffffff;
475}
476body .p-selectbutton .p-button.p-highlight .p-button-icon-left {
477 color: #ffffff;
478}
479body .p-selectbutton .p-button.p-highlight:not(.p-disabled):hover {
480 background-color: pvar(--mainColorLighter);
481 border-color: pvar(--mainColorLighter);
482 color: #ffffff;
483}
484body .p-selectbutton .p-button.p-highlight:not(.p-disabled):hover .p-button-icon-left {
485 color: #ffffff;
486}
487body .p-selectbutton .p-button:first-child {
488 border-top-left-radius: 3px;
489 border-bottom-left-radius: 3px;
490}
491body .p-selectbutton .p-button:last-child {
492 border-top-right-radius: 3px;
493 border-bottom-right-radius: 3px;
494}
495body p-selectbutton.ng-dirty.ng-invalid .p-button {
496 border: 1px solid #a80000;
497}
498
499// --------------------------------------------------------------------------- 448// ---------------------------------------------------------------------------
500// PeerTube customizations 449// PeerTube customizations
501// --------------------------------------------------------------------------- 450// ---------------------------------------------------------------------------
@@ -709,19 +658,19 @@ p-table {
709 } 658 }
710 659
711 &.p-paginator-prev { 660 &.p-paginator-prev {
661 @include margin-right(10px);
662
712 .p-paginator-icon { 663 .p-paginator-icon {
713 @extend .chevron-left !optional; 664 @extend .chevron-left !optional;
714 } 665 }
715
716 @include margin-right(10px);
717 } 666 }
718 667
719 &.p-paginator-next { 668 &.p-paginator-next {
669 @include margin-left(10px);
670
720 .p-paginator-icon { 671 .p-paginator-icon {
721 @extend .chevron-right !optional; 672 @extend .chevron-right !optional;
722 } 673 }
723
724 @include margin-left(10px);
725 } 674 }
726 675
727 &.p-paginator-last { 676 &.p-paginator-last {
@@ -965,18 +914,6 @@ p-toast {
965 } 914 }
966} 915}
967 916
968.p-selectbutton {
969 .p-button:focus {
970 outline: none;
971 }
972
973 .p-button-label {
974 padding: 5px 15px;
975 font-size: 15px;
976 font-weight: 600;
977 }
978}
979
980@media screen and (max-width: $primeng-breakpoint) { 917@media screen and (max-width: $primeng-breakpoint) {
981 p-table { 918 p-table {
982 td { 919 td {