X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fsass%2Fprimeng-custom.scss;h=750c433b5cdcffeded3f44b856107369b3030eb8;hb=f2c6ebc61b55df6e5dfbeed6413f3c908ea7846a;hp=a9a950dc08375fa1a25905e354cc1bc91a3dcbba;hpb=e66883b37ae0796256b3aba550670a2d76cfc98a;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/sass/primeng-custom.scss b/client/src/sass/primeng-custom.scss index a9a950dc0..750c433b5 100644 --- a/client/src/sass/primeng-custom.scss +++ b/client/src/sass/primeng-custom.scss @@ -79,15 +79,6 @@ p-table { tr { &:hover { background-color: pvar(--submenuColor) !important; - - .action-cell { - .dropdown-root, - my-edit-button, - my-delete-button, - my-button { - display: inline-block !important; - } - } } td { @@ -101,6 +92,11 @@ p-table { &:last-child td { border-bottom: none !important; } + + &:focus + tr > td, + &:focus > td { + box-shadow: none !important; + } } .expander { @@ -164,18 +160,9 @@ p-table { my-edit-button, my-delete-button, my-button { - display: none !important; + display: inline-block !important; margin-left: 5px; - &.show { - display: inline-block !important; - } - - // keep displaying on touchscreen - @media not all and (hover: hover) and (pointer: fine) { - display: inline-block !important; - } - :first-child { margin-left: 0 } @@ -316,67 +303,6 @@ p-table { } } -// multiselect customizations -p-multiselect { - .ui-multiselect { - border-color: #C6C6C6; - - &:not(.ui-state-disabled) { - &:hover { - border-color: #C6C6C6; - } - - &:focus, - &.ui-state-focus { - box-shadow: #{$focus-box-shadow-form} pvar(--mainColorLightest); - } - } - } - - .ui-multiselect-label { - font-size: 15px !important; - padding: 4px 30px 4px 12px !important; - - $width: 338px; - width: $width !important; - - @media screen and (max-width: $width) { - width: 100% !important; - } - } - - .pi.pi-chevron-down { - margin-left: 0 !important; - - &::after { - @include select-arrow-down; - - right: 0; - margin-top: 6px; - } - } - - .ui-chkbox-icon { - //position: absolute !important; - width: 18px; - height: 18px; - //left: 0; - - //&::after { - // left: -2px !important; - //} - } - - .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-highlight { - background-color: pvar(--mainColorLighter); - } - - .ui-inputtext:enabled:focus:not(.ui-state-error) { - border-color: pvar(--mainColorLighter) !important; - box-shadow: none; - } -} - // PrimeNG calendar tweaks p-calendar .ui-datepicker { a {