font-family: 'Glyphicons Halflings';
text-decoration: none !important;
color: var(--mainForegroundColor) !important;
+ font-display: swap;
+}
+
+my-edit-button,
+my-delete-button,
+my-button {
+ height: max-content;
}
// data table customizations
td {
padding-left: 15px !important;
- &:not(.action-cell) {
+ &:not(.action-cell):not(.expand-cell) {
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
}
+// 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 {
}
}
+p-tablecheckbox:hover div .ui-chkbox-box {
+ box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2);
+}
+
.ui-chkbox {
&, .ui-chkbox-box {
}
p-inputswitch {
+ height: 26px;
+
.ui-inputswitch-checked .ui-inputswitch-slider {
background-color: var(--mainColor) !important;
}