Cleanup primeng css

diff --git a/client/src/sass/primeng-custom.scss b/client/src/sass/primeng-custom.scss
index f5d7c7b00b495b56c27ae9db4f901728ce2fa1f8..787fdbc8856f6959bd047f2a0d339f4ebd233d2a 100644 (file)
--- 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 {
   border: 1px solid #a80000;
 }
 
   border: 1px solid #a80000;
 }
 

-// select button
-body .p-selectbutton .p-button {
-  background-color: #dadada;
-  border: 1px solid #dadada;
-  color: #333333;
-  overflow: hidden;
-  transition: background-color 0.2s, box-shadow 0.2s;
-}
-body .p-selectbutton .p-button .p-button-icon-left {
-  color: #666666;
-}
-body .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
-  background-color: #c8c8c8;
-  border-color: #c8c8c8;
-  color: #333333;
-}
-body .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left {
-  color: #212121;
-}
-body .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight).ui-state-focus {
-  box-shadow: 0 0 0 0.2em #8dcdff;
-  z-index: 1;
-}
-body .p-selectbutton .p-button.p-highlight {
-  background-color: pvar(--mainColor);
-  border-color: pvar(--mainColor);
-  color: #ffffff;
-}
-body .p-selectbutton .p-button.p-highlight .p-button-icon-left {
-  color: #ffffff;
-}
-body .p-selectbutton .p-button.p-highlight:not(.p-disabled):hover {
-  background-color: pvar(--mainColorLighter);
-  border-color: pvar(--mainColorLighter);
-  color: #ffffff;
-}
-body .p-selectbutton .p-button.p-highlight:not(.p-disabled):hover .p-button-icon-left {
-  color: #ffffff;
-}
-body .p-selectbutton .p-button:first-child {
-  border-top-left-radius: 3px;
-  border-bottom-left-radius: 3px;
-}
-body .p-selectbutton .p-button:last-child {
-  border-top-right-radius: 3px;
-  border-bottom-right-radius: 3px;
-}
-body p-selectbutton.ng-dirty.ng-invalid .p-button {
-  border: 1px solid #a80000;
-}
-

 // ---------------------------------------------------------------------------
 // PeerTube customizations
 // ---------------------------------------------------------------------------
 // ---------------------------------------------------------------------------
 // PeerTube customizations
 // ---------------------------------------------------------------------------


@@ -709,19 +658,19 @@ p-table {
         }
 
         &.p-paginator-prev {
         }
 
         &.p-paginator-prev {

+          @include margin-right(10px);
+

           .p-paginator-icon {
             @extend .chevron-left !optional;
           }
           .p-paginator-icon {
             @extend .chevron-left !optional;
           }

-
-          @include margin-right(10px);

         }
 
         &.p-paginator-next {
         }
 
         &.p-paginator-next {

+          @include margin-left(10px);
+

           .p-paginator-icon {
             @extend .chevron-right !optional;
           }
           .p-paginator-icon {
             @extend .chevron-right !optional;
           }

-
-          @include margin-left(10px);

         }
 
         &.p-paginator-last {
         }
 
         &.p-paginator-last {


@@ -965,18 +914,6 @@ p-toast {
   }
 }
 
   }
 }
 

-.p-selectbutton {
-  .p-button:focus {
-    outline: none;
-  }
-
-  .p-button-label {
-    padding: 5px 15px;
-    font-size: 15px;
-    font-weight: 600;
-  }
-}
-

 @media screen and (max-width: $primeng-breakpoint) {
   p-table {
     td {
 @media screen and (max-width: $primeng-breakpoint) {
   p-table {
     td {