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 {
my-edit-button,
my-delete-button,
my-button {
- display: block !important;
+ display: inline-block !important;
}
}
}
my-delete-button,
my-button {
display: none !important;
+ margin-left: 5px;
&.show {
- display: block !important;
+ display: inline-block !important;
}
- }
- my-edit-button + my-delete-button {
- margin-left: 5px;
+ // keep displaying on touchscreen
+ @media not all and (hover: hover) and (pointer: fine) {
+ display: inline-block !important;
+ }
+
+ :first-child {
+ margin-left: 0
+ }
}
}
justify-content: center;
align-items: center;
+ .ui-dropdown {
+ position: absolute;
+ top: 3px;
+ left: 0;
+
+ &.ui-state-focus {
+ box-shadow: #{$focus-box-shadow-form} var(--mainColorLightest);
+ }
+
+ .ui-dropdown-label {
+ color: var(--inputPlaceholderColor);
+ }
+ }
+
+ .ui-paginator-current {
+ position: absolute;
+ right: 0;
+ color: var(--inputPlaceholderColor);
+ }
+
.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;
}
}
+// overflow data table
+@mixin overflow-datatable ($table-min-width, $horizontal-margins) {
+ p-table {
+ .ui-table-wrapper {
+ overflow-x: auto;
+ max-width: calc(100vw - #{$horizontal-margins * 2});
+
+ table {
+ min-width: $table-min-width;
+ }
+ }
+
+ p-paginator .ui-paginator-bottom {
+ display: block;
+
+ .ui-paginator-current {
+ position: relative;
+ display: block;
+ }
+
+ a, .ui-paginator-pages {
+ vertical-align: middle;
+ }
+ }
+ }
+}
+
// 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;
p-toast {
.ui-toast {
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 {