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
// ---------------------------------------------------------------------------
td, th {
font-family: $main-fonts;
- font-size: 15px !important;
+ font-size: 15px;
color: pvar(--mainForegroundColor) !important;
}
}
}
+ .p-dropdown,
+ .p-dropdown-trigger {
+ color: pvar(--mainForegroundColor);
+ background-color: pvar(--mainBackgroundColor);
+ }
+
.p-paginator-current {
position: absolute;
right: 0;
}
&.p-paginator-prev {
+ @include margin-right(10px);
+
.p-paginator-icon {
@extend .chevron-left !optional;
}
-
- @include margin-right(10px);
}
&.p-paginator-next {
+ @include margin-left(10px);
+
.p-paginator-icon {
@extend .chevron-right !optional;
}
-
- @include margin-left(10px);
}
&.p-paginator-last {
padding: 10px 20px;
.message {
- flex-grow: 1;
@include margin-right(20px);
+ flex-grow: 1;
+
h3 {
font-size: 21px;
}
p {
- font-size: 15px;
+ @include peertube-word-wrap;
+
margin-bottom: 0;
}
}
}
}
-.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 {