tr {
&:hover {
background-color: var(--submenuColor) !important;
- }
- &:not(:hover) {
- .action-cell * {
- display: none !important;
+ .action-cell {
+ .dropdown-root,
+ my-edit-button,
+ my-delete-button,
+ my-button {
+ display: block !important;
+ }
}
}
padding: 0 !important;
text-align: center;
+ .dropdown-root,
+ my-edit-button,
+ my-delete-button,
+ my-button {
+ display: none !important;
+
+ &.show {
+ display: block !important;
+ }
+ }
+
my-edit-button + my-delete-button {
margin-left: 5px;
}
}
}
+// multiselect customizations
+p-multiselect {
+ .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;
+ //}
+ }
+}
+
// PrimeNG calendar tweaks
p-calendar .ui-datepicker {
a {