diff options
Diffstat (limited to 'client/src/sass/primeng-custom.scss')
-rw-r--r-- | client/src/sass/primeng-custom.scss | 71 |
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 | ||
449 | body .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 | } | ||
456 | body .p-selectbutton .p-button .p-button-icon-left { | ||
457 | color: #666666; | ||
458 | } | ||
459 | body .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { | ||
460 | background-color: #c8c8c8; | ||
461 | border-color: #c8c8c8; | ||
462 | color: #333333; | ||
463 | } | ||
464 | body .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left { | ||
465 | color: #212121; | ||
466 | } | ||
467 | body .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 | } | ||
471 | body .p-selectbutton .p-button.p-highlight { | ||
472 | background-color: pvar(--mainColor); | ||
473 | border-color: pvar(--mainColor); | ||
474 | color: #ffffff; | ||
475 | } | ||
476 | body .p-selectbutton .p-button.p-highlight .p-button-icon-left { | ||
477 | color: #ffffff; | ||
478 | } | ||
479 | body .p-selectbutton .p-button.p-highlight:not(.p-disabled):hover { | ||
480 | background-color: pvar(--mainColorLighter); | ||
481 | border-color: pvar(--mainColorLighter); | ||
482 | color: #ffffff; | ||
483 | } | ||
484 | body .p-selectbutton .p-button.p-highlight:not(.p-disabled):hover .p-button-icon-left { | ||
485 | color: #ffffff; | ||
486 | } | ||
487 | body .p-selectbutton .p-button:first-child { | ||
488 | border-top-left-radius: 3px; | ||
489 | border-bottom-left-radius: 3px; | ||
490 | } | ||
491 | body .p-selectbutton .p-button:last-child { | ||
492 | border-top-right-radius: 3px; | ||
493 | border-bottom-right-radius: 3px; | ||
494 | } | ||
495 | body 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 { |