interesting
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Cleanup primeng css

This commit is contained in:
Chocobozzz 2022-06-13 11:46:01 +02:00
parent f72c78b2f6
commit 3bf57a01f8
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
1 changed files with 4 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
client/src/sass/primeng-custom.scss
View File

@ -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 { .p-paginator-icon {
@extend .chevron-left !optional; @extend .chevron-left !optional;
} }
@include margin-right(10px);
} }
&.p-paginator-next { &.p-paginator-next {
@include margin-left(10px);
.p-paginator-icon { .p-paginator-icon {
@extend .chevron-right !optional; @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) { @media screen and (max-width: $primeng-breakpoint) {
p-table { p-table {
td { td {