@annalib/anna-core 23.0.7 → 23.0.8

package/src/lib/anna-common-scss/_colors.scss

@@ -1,107 +1,107 @@
-$primary-color: #268bff;
-$background-white: #ffffff;
-$lightGray: #d3d3d3;
-$lightGray-1: #f1f1f1;
-$lightGray-2: #b3b3b3;
-$lightGray-3: #ededed;
-$lightGray-4: #d4d4d4;
-$lightGray-5: #e6e6e6;
-$lightGray-6: #c8c8c8;
-$lightGray-7: #9b9b9b;
-$lightGray-9: #d9e1e6;
-$lightGray-8: #b7b7b7;
-$dimGray: #747474;
-$lightDimGray: #666666;
-$coralRed: #ff4747;
-$greenCyan: #00c853;
-$bookedColor: #9b1b93;
-$orderedColor: #d780d1;
-$billableColor: #f2bdef;
-$nationalColor: #f5dd31;
-$localColor: #8db72e;
-$lavenderBlue: #c7e1ff;
-$aliceBlue: #e3f0ff;
-$dodgerBlue: #1582ff;
-$lightGrey: #d6d6d6;
-$coldTurkey: #ceb6b6;
-$lightSilver: #d8d8d8;
-$GraythirtySeven: #5e5e5e;
-$charcoal: #4a4a4a;
-$sellerReviewColor: #f3bd18;
-$buyerReviewColor: #1565c0;
-$reviewCompleteColor: #00c853;
-$recoveredPreemptionColor: #0071ce;
-$deepSkyBlue: #00b0ff;
-$licorice: #2e384d;
-$navyBlue: #0071ce;
-$nobelGray: #b7b6b6;
-$whiteSmoke: #f7f6f6;
-$gray: #979797;
-$paleBlue: #c2cfd6;
-$lightViolet: #9169fc;
-$dimViolet: #e5dbff;
-$darkViolet: #555099;
-$whisper: #e9e9e9;
-$lynxWhite: #f7f7f7;
-$lightAliceBlue: #e5f1ff;
-$veryLightGrey: #cfcfcf;
-$darkCharcoal: #333333;
-$noRevisionFound: #f47228;
-$redOrange: #f44336;
-$DRRBgColor: #edecec;
-$darkYellowWarning: #f3c639;
-$lightYellow: #fff8e3;
-$filterRadioContainer: #f4f4f4;
-$oliveGreen: #8bac2a;
-$calendarLabel: #222b45;
-$olivedrab: #6b8e23;
-$redOrange: #fe3824;
-$chineseSilver: #cccccc;
-$grey: #767676;
-$primary-success: #47d490;
-$secondary-success: #ebf6f1;
-$primary-warning: #f3c639;
-$secondary-warning: #fff8e3;
-$primary-dark: #90a4ae;
-$secondary-dark: #ebedee;
-$primary-danger: #fc8383;
-$secondary-danger: #ffeded;
-$Gray94: #f0f0f0;
-$whisper: #ededed;
-$whiteSmoke2: #f4f4f4;
-$pinkSwan: #b5b5b5;
-$matterhorn: #4f4f4f;
-$lightGrey: #d4d4d4;
-$gray74: #bdbdbd;
-$gray86: #dbdbdb;
-$darkBlueShade: #222b45;
-$green: #8bac2a;
-$darkPurpleShade: #555099;
-$pattensBlue: #d8eaff;
-$quartz: #dddceb;
-$darkGray: #a7a7a7;
-$darkGray1: #cbcbcb;
-$awaitingSellerReview: #f7f2d1;
-$awaitingSellerReviewBorder: #dec30b;
-$amber: #ffc107;
-$whiteSmoke3: #efefef;
-$greyChateau: #a2a8ad;
-$roseBud: #f9b3ae;
-$paleRed: #fde4e3;
-$redOrange3: #f44336;
-$redOrange4: #fe3824;
-$gray43: #6e6e6e;
-$dodgerBlue2: #4099ff;
-$fruitSalad: #43a047;
-$nero: #212121;
-$darkGray2: #a4a4a4;
-$pinkSwan: #b7b7b7;
-$blue: #d8eaff;
-$lightBlue: #eff6ff;
-$sunsetOrange: #ff5353;
-$redShade: #ff5252;
-$lightBlueShade: #d6dcff;
-$blueBerry: #536dfe;
-$darkPink: #be489d;
-$lightPinkShade: #f4e7f2;
-$sellerGroupChildRow: #f9f3f8;
+$primary-color: #268bff;
+$background-white: #ffffff;
+$lightGray: #d3d3d3;
+$lightGray-1: #f1f1f1;
+$lightGray-2: #b3b3b3;
+$lightGray-3: #ededed;
+$lightGray-4: #d4d4d4;
+$lightGray-5: #e6e6e6;
+$lightGray-6: #c8c8c8;
+$lightGray-7: #9b9b9b;
+$lightGray-9: #d9e1e6;
+$lightGray-8: #b7b7b7;
+$dimGray: #747474;
+$lightDimGray: #666666;
+$coralRed: #ff4747;
+$greenCyan: #00c853;
+$bookedColor: #9b1b93;
+$orderedColor: #d780d1;
+$billableColor: #f2bdef;
+$nationalColor: #f5dd31;
+$localColor: #8db72e;
+$lavenderBlue: #c7e1ff;
+$aliceBlue: #e3f0ff;
+$dodgerBlue: #1582ff;
+$lightGrey: #d6d6d6;
+$coldTurkey: #ceb6b6;
+$lightSilver: #d8d8d8;
+$GraythirtySeven: #5e5e5e;
+$charcoal: #4a4a4a;
+$sellerReviewColor: #f3bd18;
+$buyerReviewColor: #1565c0;
+$reviewCompleteColor: #00c853;
+$recoveredPreemptionColor: #0071ce;
+$deepSkyBlue: #00b0ff;
+$licorice: #2e384d;
+$navyBlue: #0071ce;
+$nobelGray: #b7b6b6;
+$whiteSmoke: #f7f6f6;
+$gray: #979797;
+$paleBlue: #c2cfd6;
+$lightViolet: #9169fc;
+$dimViolet: #e5dbff;
+$darkViolet: #555099;
+$whisper: #e9e9e9;
+$lynxWhite: #f7f7f7;
+$lightAliceBlue: #e5f1ff;
+$veryLightGrey: #cfcfcf;
+$darkCharcoal: #333333;
+$noRevisionFound: #f47228;
+$redOrange: #f44336;
+$DRRBgColor: #edecec;
+$darkYellowWarning: #f3c639;
+$lightYellow: #fff8e3;
+$filterRadioContainer: #f4f4f4;
+$oliveGreen: #8bac2a;
+$calendarLabel: #222b45;
+$olivedrab: #6b8e23;
+$redOrange: #fe3824;
+$chineseSilver: #cccccc;
+$grey: #767676;
+$primary-success: #47d490;
+$secondary-success: #ebf6f1;
+$primary-warning: #f3c639;
+$secondary-warning: #fff8e3;
+$primary-dark: #90a4ae;
+$secondary-dark: #ebedee;
+$primary-danger: #fc8383;
+$secondary-danger: #ffeded;
+$Gray94: #f0f0f0;
+$whisper: #ededed;
+$whiteSmoke2: #f4f4f4;
+$pinkSwan: #b5b5b5;
+$matterhorn: #4f4f4f;
+$lightGrey: #d4d4d4;
+$gray74: #bdbdbd;
+$gray86: #dbdbdb;
+$darkBlueShade: #222b45;
+$green: #8bac2a;
+$darkPurpleShade: #555099;
+$pattensBlue: #d8eaff;
+$quartz: #dddceb;
+$darkGray: #a7a7a7;
+$darkGray1: #cbcbcb;
+$awaitingSellerReview: #f7f2d1;
+$awaitingSellerReviewBorder: #dec30b;
+$amber: #ffc107;
+$whiteSmoke3: #efefef;
+$greyChateau: #a2a8ad;
+$roseBud: #f9b3ae;
+$paleRed: #fde4e3;
+$redOrange3: #f44336;
+$redOrange4: #fe3824;
+$gray43: #6e6e6e;
+$dodgerBlue2: #4099ff;
+$fruitSalad: #43a047;
+$nero: #212121;
+$darkGray2: #a4a4a4;
+$pinkSwan: #b7b7b7;
+$blue: #d8eaff;
+$lightBlue: #eff6ff;
+$sunsetOrange: #ff5353;
+$redShade: #ff5252;
+$lightBlueShade: #d6dcff;
+$blueBerry: #536dfe;
+$darkPink: #be489d;
+$lightPinkShade: #f4e7f2;
+$sellerGroupChildRow: #f9f3f8;

package/src/lib/anna-common-scss/_common-order-listing-table.scss

@@ -1,176 +1,190 @@
-@use "./fonts";
-@use "./colors";
-@use "./generic-table-common";
-
-@mixin sticky-left($leftOffset, $zIndex) {
-    position: sticky;
-    left: $leftOffset;
-    z-index: $zIndex !important;
-}
-
-@mixin ellipsify() {
-    text-overflow: ellipsis;
-    overflow: hidden;
-    white-space: nowrap;
-}
-
-@mixin ellipsis() {
-    display: inline-block;
-    width: 93%;
-    @include ellipsify();
-}
-
-@mixin common-table($tableStartIndex, $tableEndIndex) {
-    thead {
-        tr th {
-            box-shadow: none !important;
-        }
-        tr th:nth-child(12) {
-            z-index: 101 !important;
-        }
-
-        tr th.mat-column-isOrderStarred,
-        tr th.mat-column-payForPerformanceColumnIcon {
-            background-color: white !important;
-        }
-
-        tr.total-row {
-            td {
-                color: #4a4a4a;
-
-                span {
-                    color: #a7a7a7;
-                }
-
-                background: white;
-                @include fonts.fonts(Roboto, 0.75rem, normal, bold, normal, normal, 0.3px);
-            }
-
-            td:nth-of-type(1) {
-                @include sticky-left(0px, 501);
-            }
-
-            td:nth-of-type(2) {
-                box-shadow:
-                    inset 1px 0 0 0 rgb(0 0 0 / 75%),
-                    inset 0 1px 0 0 rgb(0 0 0 / 75%),
-                    inset 0 -1px 0 0 rgb(0 0 0 / 75%);
-                padding-left: 37px;
-                @include sticky-left(62px, 501);
-            }
-
-            td:nth-of-type(n + 3) {
-                box-shadow:
-                    inset 0 1px 0 0 rgb(0 0 0 / 75%),
-                    inset 0 -1px 0 0 rgb(0 0 0 / 75%);
-            }
-
-            td:last-of-type {
-                box-shadow:
-                    inset -1px 0 0 0 rgb(0 0 0 / 75%),
-                    inset 0 1px 0 0 rgb(0 0 0 / 75%),
-                    inset 0 -1px 0 0 rgb(0 0 0 / 75%);
-            }
-        }
-    }
-
-    tbody {
-        tr {
-            cursor: pointer;
-
-            td {
-                background: white;
-                box-shadow: none !important;
-
-                div:nth-child(1) {
-                    color: #000;
-                    @include ellipsify();
-                    @include fonts.fonts(Roboto, 0.75rem, normal, normal, normal, normal, 0px);
-                }
-
-                div:nth-child(2) {
-                    color: #a7a7a7;
-                    @include ellipsify();
-                    @include fonts.fonts(Roboto, 0.75rem, normal, 500, normal, normal, 0.3px);
-                }
-            }
-
-            td:nth-of-type(1) {
-                @include sticky-left(0px, 102);
-            }
-
-            @for $i from calc($tableStartIndex) through calc($tableEndIndex) {
-                td:nth-of-type(#{$i}) {
-                    box-shadow: inset 0px -1px 0px 0px #d4d4d4 !important;
-                }
-            }
-
-            td:nth-of-type(#{$tableStartIndex}) {
-                box-shadow: inset 1px -1px 0px 0px #d4d4d4 !important;
-            }
-
-            td:last-of-type {
-                box-shadow: inset -1px -1px 0px 0px #d4d4d4 !important;
-            }
-
-            td.mat-cell:first-of-type {
-                padding-left: 5px !important;
-
-                i {
-                    font-size: 1.25rem;
-                    cursor: pointer;
-                    position: relative;
-                    bottom: 2px;
-                }
-
-                i.mdi-star-outline {
-                    color: #e6e6e6;
-                }
-
-                i.mdi-star {
-                    color: #ffc107;
-                    opacity: 0.5;
-                }
-
-                i.mdi-cog-refresh {
-                    color: #8bac2a;
-                }
-            }
-        }
-
-        @include overrideEmptyTrBorders(3);
-    }
-
-    &.no-data-table {
-        tbody tr:first-of-type {
-            td:nth-of-type(#{$tableStartIndex}) {
-                box-shadow: inset 1px 0px 0px 0px #d4d4d4 !important;
-            }
-
-            td:nth-of-type(#{$tableStartIndex + 1}),
-            td:nth-of-type(#{$tableStartIndex + 2}) {
-                box-shadow: none !important;
-            }
-        }
-    }
-
-    &.no-data-table div.horizontal-scroll-for-table-container {
-        height: calc(157px) !important;
-    }
-
-    .table-container::-webkit-scrollbar {
-        width: 4px;
-        height: 4px;
-    }
-
-    .table-container::-webkit-scrollbar-thumb {
-        border-radius: 4px;
-        background-color: rgba(0, 0, 0, 0.4) !important;
-        border: 1px solid rgba(0, 0, 0, 0.2);
-    }
-
-    .table-container::-webkit-scrollbar-track {
-        border: 1px solid rgba(0, 0, 0, 0.1) !important;
-        margin-top: 105px;
-    }
-}
+@use "./fonts";
+@use "./colors";
+@use "./generic-table-common";
+
+@mixin sticky-left($leftOffset, $zIndex) {
+    position: sticky;
+    left: $leftOffset;
+    z-index: $zIndex !important;
+}
+
+@mixin ellipsify() {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+}
+
+@mixin ellipsis() {
+    display: inline-block;
+    width: 93%;
+    @include ellipsify();
+}
+
+@mixin common-table($tableStartIndex, $tableEndIndex) {
+    thead {
+        tr th {
+            // box-shadow: none !important;
+            box-shadow:
+                0px 1px 0px 0px #d4d4d4,
+                inset 0px 1px 0px 0px #d4d4d4 !important;
+            &:first-of-type {
+                box-shadow:
+                    0px 0px 0px 0px #d4d4d4,
+                    inset 1px 1px 0px 0px #d4d4d4 !important;
+            }
+            &:last-of-type {
+                box-shadow:
+                    inset -1px 0 0 0 #d4d4d4,
+                    inset 0 1px 0 0 #d4d4d4,
+                    inset 0 -1px 0 0 #d4d4d4 !important;
+            }
+        }
+
+        tr th:nth-child(12) {
+            z-index: 101 !important;
+        }
+
+        tr th.mat-column-isOrderStarred,
+        tr th.mat-column-payForPerformanceColumnIcon {
+            background-color: white !important;
+        }
+
+        tr.total-row {
+            td {
+                color: #4a4a4a;
+
+                span {
+                    color: #a7a7a7;
+                }
+
+                background: white;
+                @include fonts.fonts(Roboto, 0.75rem, normal, bold, normal, normal, 0.3px);
+            }
+
+            td:nth-of-type(1) {
+                @include sticky-left(0px, 501);
+            }
+
+            td:nth-of-type(1) {
+                box-shadow:
+                    inset 1px 0 0 0 rgb(0 0 0 / 75%),
+                    inset 0 1px 0 0 rgb(0 0 0 / 75%),
+                    inset 0 -1px 0 0 rgb(0 0 0 / 75%);
+                @include sticky-left(0, 501);
+            }
+
+            td:nth-of-type(n + 2) {
+                box-shadow:
+                    inset 0 1px 0 0 rgb(0 0 0 / 75%),
+                    inset 0 -1px 0 0 rgb(0 0 0 / 75%);
+            }
+
+            td:last-of-type {
+                box-shadow:
+                    inset -1px 0 0 0 rgb(0 0 0 / 75%),
+                    inset 0 1px 0 0 rgb(0 0 0 / 75%),
+                    inset 0 -1px 0 0 rgb(0 0 0 / 75%);
+            }
+        }
+    }
+
+    tbody {
+        tr {
+            cursor: pointer;
+
+            td {
+                background: white;
+                box-shadow: none !important;
+
+                div:nth-child(1) {
+                    color: #000;
+                    @include ellipsify();
+                    @include fonts.fonts(Roboto, 0.75rem, normal, normal, normal, normal, 0px);
+                }
+
+                div:nth-child(2) {
+                    color: #a7a7a7;
+                    @include ellipsify();
+                    @include fonts.fonts(Roboto, 0.75rem, normal, 500, normal, normal, 0.3px);
+                }
+            }
+
+            td:nth-of-type(1) {
+                @include sticky-left(0px, 102);
+            }
+
+            @for $i from calc($tableStartIndex) through calc($tableEndIndex) {
+                td:nth-of-type(#{$i}) {
+                    box-shadow: inset 0px -1px 0px 0px #d4d4d4 !important;
+                }
+            }
+
+            td:nth-of-type(#{$tableStartIndex}) {
+                box-shadow: inset 1px -1px 0px 0px #d4d4d4 !important;
+            }
+
+            td:last-of-type {
+                box-shadow: inset -1px -1px 0px 0px #d4d4d4 !important;
+            }
+
+            td.mat-cell:first-of-type {
+                padding-left: 5px !important;
+
+                i {
+                    font-size: 1.25rem;
+                    cursor: pointer;
+                    position: relative;
+                    bottom: 2px;
+                }
+
+                i.mdi-star-outline {
+                    color: #e6e6e6;
+                }
+
+                i.mdi-star {
+                    color: #ffc107;
+                    opacity: 0.5;
+                }
+
+                i.mdi-cog-refresh {
+                    color: #8bac2a;
+                }
+            }
+        }
+
+        @include overrideEmptyTrBorders(3);
+    }
+
+    &.no-data-table {
+        tbody tr:first-of-type {
+            td:nth-of-type(#{$tableStartIndex}) {
+                box-shadow: inset 1px 0px 0px 0px #d4d4d4 !important;
+            }
+
+            td:nth-of-type(#{$tableStartIndex + 1}),
+            td:nth-of-type(#{$tableStartIndex + 2}) {
+                // box-shadow: none !important;
+            }
+        }
+    }
+
+    &.no-data-table div.horizontal-scroll-for-table-container {
+        height: calc(157px) !important;
+    }
+
+    .table-container::-webkit-scrollbar {
+        width: 4px;
+        height: 4px;
+    }
+
+    .table-container::-webkit-scrollbar-thumb {
+        border-radius: 4px;
+        background-color: rgba(0, 0, 0, 0.4) !important;
+        border: 1px solid rgba(0, 0, 0, 0.2);
+    }
+
+    .table-container::-webkit-scrollbar-track {
+        border: 1px solid rgba(0, 0, 0, 0.1) !important;
+        margin-top: 105px;
+    }
+}

package/src/lib/anna-common-scss/_custom-anna-datepicker.scss

@@ -1,14 +1,14 @@
-:host ::ng-deep.ngb-dp-arrow button:disabled {
-    color: #4a4a4a;
-    background-color: #fff;
-    opacity: 0.25;
-    cursor: not-allowed;
-}
-
-:host ::ng-deep.ngb-dp-arrow button:disabled .ngb-dp-navigation-chevron {
-    color: #4a4a4a;
-}
-
-:host ::ng-deep.ngb-dp-arrow button .ngb-dp-navigation-chevron {
-    color: #000;
-}
+:host ::ng-deep.ngb-dp-arrow button:disabled {
+    color: #4a4a4a;
+    background-color: #fff;
+    opacity: 0.25;
+    cursor: not-allowed;
+}
+
+:host ::ng-deep.ngb-dp-arrow button:disabled .ngb-dp-navigation-chevron {
+    color: #4a4a4a;
+}
+
+:host ::ng-deep.ngb-dp-arrow button .ngb-dp-navigation-chevron {
+    color: #000;
+}