height: max-content;
}
+// focus box-shadow for primeng
+.ui-inputtext:enabled:focus:not(.ui-state-error) {
+ box-shadow: #{$focus-box-shadow-form} var(--mainColorLightest) !important;
+}
+
// data table customizations
p-table {
.ui-table-caption {
justify-content: center;
align-items: center;
+ .ui-dropdown {
+ position: absolute;
+ left: 0;
+ }
+
+ .ui-paginator-current {
+ position: absolute;
+ right: 0;
+ }
+
.ui-paginator-first,
.ui-paginator-prev,
.ui-paginator-next,
font-size: 13px;
top: -1px;
+ &.focus-within,
+ &:focus {
+ box-shadow: #{$focus-box-shadow-form} var(--mainColorLightest);
+ }
+
&.ui-state-disabled:hover {
background-color: #fff !important;
}
.ui-paginator-pages {
height: auto !important;
+ .ui-paginator-page {
+ &.focus-within,
+ &:focus {
+ box-shadow: #{$focus-box-shadow-form} var(--mainColorLightest) !important;
+ }
+ }
+
a {
color: var(--mainForegroundColor) !important;
font-weight: $font-semibold !important;
// 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} var(--mainColorLightest);
+ }
+ }
+ }
+
.ui-multiselect-label {
font-size: 15px !important;
padding: 4px 30px 4px 12px !important;
// left: -2px !important;
//}
}
+
+ .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-highlight {
+ background-color: var(--mainColorLighter);
+ }
+
+ .ui-inputtext:enabled:focus:not(.ui-state-error) {
+ border-color: var(--mainColorLighter) !important;
+ box-shadow: none;
+ }
}
// PrimeNG calendar tweaks
}
p-inputswitch {
+ height: 26px;
+
.ui-inputswitch-checked .ui-inputswitch-slider {
background-color: var(--mainColor) !important;
}
+
+ &.small {
+ height: 20px;
+
+ .ui-inputswitch {
+ width: 2.5em !important;
+ height: 1.45em !important;
+
+ .ui-inputswitch-slider::before {
+ height: 1em !important;
+ width: 1em !important;
+ }
+ }
+
+ .ui-inputswitch-checked .ui-inputswitch-slider::before {
+ transform: translateX(1em) !important;
+ }
+ }
}
p-toast {
.ui-toast {
- // Modal is 10005
- z-index: 10010 !important;
+ z-index: z(notification) !important;
+
+ .ui-toast-close-icon {
+ font-family: "Glyphicons Halflings";
+ opacity: 0;
+
+ &:after {
+ content: "\e014";
+ }
+ }
+
+ &:hover .ui-toast-close-icon {
+ opacity: .3;
+ }
}
.ui-toast-message {
font-family: $main-fonts;
-
- &.ui-toast-message-success {
- color: #fff !important;
- background-color: #8BC34A !important;
+ background-color: var(--mainBackgroundColor) !important;
+ border-radius: 5px;
+ box-sizing: border-box;
+ border: 1px solid #EBEEF5 !important;
+ box-shadow: 0 2px 12px 0 rgba(0, 0 , 0, .1);
+ overflow: hidden;
+
+ &.ui-toast-message-success .glyphicon {
+ color: #8BC34A !important;
}
- &.ui-toast-message-error {
- color: #fff !important;
- background-color: #F44336 !important;
+ &.ui-toast-message-error .glyphicon {
+ color: #F44336 !important;
}
- &.ui-toast-message-info {
- color: #fff !important;
- background-color: #03A9F4 !important;
+ &.ui-toast-message-warn .glyphicon {
+ color: #F1680D !important;
}
- &.ui-toast-message-info {
- color: #fff !important;
- background-color: #03A9F4 !important;
+ &.ui-toast-message-info .glyphicon {
+ color: #03A9F4 !important;
}
.notification-block {