npm - @colijnit/transaction - Versions diffs - 261.20.27 → 261.20.28 - Mend

@colijnit/transaction 261.20.27 → 261.20.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (32) hide show

package/lib/component/dialog/transaction-header/dialog-transaction-header-discount/style/_layout.scss CHANGED Viewed

@@ -28,6 +28,20 @@
         display: flex;
         flex-direction: column;
       }
+      .with-discount-button {
+        display: flex;
+        align-items: center;
+        > * {
+          flex: 1;
+          min-width: 0;
+          margin-right: 10px;
+          &:last-child {
+            margin-right: 0;
+          }
+        }
+      }
       .divide-discount-button {
         border: none;
         background: transparent;
@@ -105,5 +119,45 @@
         font-weight: $tp-dialog-transaction-discount-total-font-weight;
       }
     }
+    .discount-button {
+      width: 36px !important;
+      height: 36px !important;
+      max-width: 36px;
+      &.updated {
+        background-color: #37c949;
+      }
+    }
+    .discount-codes-modal {
+      .co-dialog-wrapper {
+        width: 350px !important;
+      }
+      .dialog-header-caption {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
+        co-icon {
+          height: 20px;
+          width: 20px;
+        }
+        .co-dialog-header-title {
+          margin: 0;
+        }
+      }
+      .dialog-content {
+        margin-top: 20px;
+      }
+      .dialog-footer {
+        border: none;
+      }
+      co-input-textarea {
+        margin-top: 15px;
+      }
+    }
   }
 }

package/lib/component/dialog/transaction-line/dialog-transaction-line-discount/style/_layout.scss CHANGED Viewed

@@ -14,12 +14,59 @@
       flex-direction: row;
       column-gap: 10px;
       > * {
-        width: 50%;
+        width: calc(50% - 5px);
+      }
+    }
+    .two-column-grid-item {
+      display: flex;
+      align-items: center;
+      div {
+        flex: 1;
+        min-width: 0;
       }
     }
     .transaction-line-button {
       margin: 10px 0;
     }
+    .discount-button {
+      margin-left: 10px;
+      &.updated {
+        background-color: #37c949;
+      }
+    }
+    .discount-codes-modal {
+      .co-dialog-wrapper {
+        width: 350px !important;
+      }
+      .dialog-header-caption {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
+        co-icon {
+          height: 20px;
+          width: 20px;
+        }
+        .co-dialog-header-title {
+          margin: 0;
+        }
+      }
+      .dialog-content {
+        margin-top: 20px;
+      }
+      .dialog-footer {
+        border: none;
+      }
+      co-input-textarea {
+        margin-top: 15px;
+      }
+    }
     .transaction-line-discount-overview {
       margin: $tp-dialog-transaction-line-discount-overview-margin;
       border: $tp-dialog-transaction-line-discount-overview-border;

package/lib/component/returns/return-wizard/return-lines-wizard/style/_layout.scss ADDED Viewed

@@ -0,0 +1,77 @@
+@include export-module('co-return-lines-wizard-layout') {
+  .co-return-lines-wizard {
+    .return-line-wizard-contents {
+      display: flex;
+      flex-direction: column;
+      row-gap: 10px;
+      .lines-wizard-sub-title {
+        font-weight: bold;
+      }
+      .files-upload {
+        display: flex;
+        .co-files-upload {
+          width: 100%;
+          min-height: 150px;
+          overflow-x: auto;
+          .co-drag-drop-container {
+            padding-top: 30px;
+            position: relative;
+            margin-top: 0;
+            gap: 5px;
+            align-items: flex-start;
+            .add-file {
+              position: absolute;
+              top: 0;
+              .co-tile-render {
+                display: flex;
+                align-items: center;
+                flex-direction: row-reverse;
+                .add-button {
+                  position: unset;
+                }
+              }
+              .description {
+                font-weight: bold;
+                font-size: 12px;
+              }
+            }
+            .tile {
+              padding: 10px;
+              border-radius: 5px;
+              border: 1px solid #CCCCCC;
+              height: 100%;
+              .info {
+                max-width: 100px;
+                .description {
+                  font-size: 10px;
+                  display: -webkit-box;
+                  -webkit-line-clamp: 2;
+                  -webkit-box-orient: vertical;
+                  overflow: hidden;
+                  text-overflow: ellipsis;
+                }
+              }
+              .trash {
+                width: 20px;
+                height: 20px;
+                padding: 2px;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/lib/component/returns/return-wizard/return-lines-wizard/style/_material-definition.scss ADDED Viewed

	@@ -0,0 +1 @@
1	+

package/lib/component/returns/return-wizard/return-lines-wizard/style/_theme.scss ADDED Viewed

@@ -0,0 +1,4 @@
+@include export-module('co-return-lines-wizard-theme') {
+  .co-return-lines-wizard-tile {
+  }
+}

package/lib/component/returns/return-wizard/return-lines-wizard/style/material.scss ADDED Viewed

@@ -0,0 +1,3 @@
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

package/lib/component/returns/return-wizard/style/_layout.scss CHANGED Viewed

@@ -1,9 +1,27 @@
 @include export-module('co-return-wizard-layout') {
   .co-return-wizard {
-    .line-selection-navigation-buttons {
+    font-family: $tp-co-transaction-search-font-family;
+    font-size: $tp-co-transaction-search-font-size;
+    .return-wizard-content {
+      width: 1000px;
+      padding: 20px;
       display: flex;
-      flex-direction: row;
-      justify-content: space-between;
+      flex-direction: column;
+      row-gap: 10px;
+      .wizard-title {
+        font-weight: bold;
+        font-size: 14px;
+        padding-bottom: 30px;
+      }
+      .wizard-sub-title {
+        font-weight: bold;
+      }
+      .line-selection-navigation-buttons {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+      }
     }
   }
 }

package/lib/component/returns/return-wizard/wizard-return-line-display/style/_layout.scss ADDED Viewed

@@ -0,0 +1,7 @@
+@include export-module('co-wizard-return-line-display-layout') {
+  .co-wizard-return-line-display {
+    .return-line-display-contents {
+      box-shadow: -1px 2px 3px 0px rgba(0, 0, 0, 0.2);
+    }
+  }
+}

package/lib/component/returns/return-wizard/wizard-return-line-display/style/_material-definition.scss ADDED Viewed

	@@ -0,0 +1 @@
1	+

package/lib/component/returns/return-wizard/wizard-return-line-display/style/_theme.scss ADDED Viewed

@@ -0,0 +1,4 @@
+@include export-module('co-wizard-return-line-display-theme') {
+  .co-wizard-return-line-display {
+  }
+}

package/lib/component/returns/return-wizard/wizard-return-line-display/style/material.scss ADDED Viewed

@@ -0,0 +1,3 @@
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

package/lib/component/returns/return-wizard/wizard-return-line-display-tile/style/_layout.scss CHANGED Viewed

@@ -3,23 +3,69 @@
     .return-line-tile-contents {
       display: flex;
       flex-direction: row;
-      column-gap: 30px;
-      .return-line-image-display{
+      justify-content: space-between;
+      padding: 10px 15px;
+      border-color: rgba(0, 0, 0, 0.2);
+      border-style: solid;
+      border-width: 1px 1px 1px 1px;
+      margin-bottom: -1px;
+      .return-line-tile-left-contents {
         display: flex;
-        height: 100px;
-        width: 100px;
-        justify-content: center;
-        align-items: center;
-      }
-      .return-line-texts {
-        display: flex;
-        flex-direction: column;
-        row-gap: 10px;
+        flex-direction: row;
+        column-gap: 30px;
+        align-items: flex-start;
+        .wizard-line-checkbox {
+          padding-top: 15px;
+        }
+        .return-line-image-display {
+          display: flex;
+          height: 100px;
+          width: 100px;
+          justify-content: flex-start;
+          align-items: flex-start;
+        }
+        .return-line-texts {
+          font-size: 12px;
+          left: 200px;
+          display: flex;
+          flex-direction: column;
+          row-gap: 10px;
+          .return-line-description {
+            font-weight: 600;
+            display: -webkit-box;
+            -webkit-line-clamp: 1;
+            -webkit-box-orient: vertical;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            max-width: 100%;
+          }
+          .return-line-extra-texts {
+            display: flex;
+            flex-direction: column;
+            row-gap: 5px;
+            padding-top: 5px;
+          }
+        }
       }
       .return-line-picker-button {
         display: flex;
         flex-direction: row;
         column-gap: 10px;
+        height: 100%;
+        align-items: center;
+        .return-amount-picker {
+          width: 100px;
+          height: 30px;
+        }
       }
     }
   }

package/lib/component/transaction-header-fields/transaction-header-delivery-method-button/style/_layout.scss CHANGED Viewed

@@ -9,8 +9,8 @@
         display: none;
       }
       .transaction-inside-label {
-        font-size: 9px;
-        top: -10px;
+        font-size: 7.5px;
+        top: -9px;
         line-height: 18px;
         color: #2e3350;
         padding: 0 5px;

package/lib/component/transaction-line/transaction-line-label/style/_layout.scss CHANGED Viewed

@@ -3,9 +3,9 @@
     .transaction-inside-label {
       position: absolute;
       transform: translateX(-50%);
-      top: -5px;
+      top: -3px;
       left: 50%;
-      font-size: 8px;
+      font-size: 6.5px;
       color: #171721;
       max-width: 100%;
       text-overflow: ellipsis;
@@ -17,6 +17,7 @@
       width: auto;
       text-align: center;
       font-weight: normal;
+      text-transform: uppercase;
     }
   }

package/lib/component/transaction-line/transaction-overview-line/style/_layout.scss CHANGED Viewed

@@ -13,6 +13,9 @@
           width: 20px;
           height: 20px;
+          svg {
+            fill: $color-user-form-detail;
+          }
           &.final {
             svg {
               fill: $color-user-form-detail-final;

package/lib/component/transaction-line/transaction-overview-line/style/_material-definition.scss CHANGED Viewed

	@@ -1 +1,2 @@
1 1	$color-user-form-detail-final: #5FDCB3 !default;
2	+ $color-user-form-detail: #1A73E8 !default;

package/lib/component/transaction-line-interbranch-receive-goods/style/_layout.scss CHANGED Viewed

@@ -1,78 +1,78 @@
-@include export-module('co-transaction-line-interbranch-receive-goods-layout') {
-  .co-transaction-line-interbranch-receive-goods {
-    .columns-wrapper {
-      display: flex;
-    }
-    .co-input-number-picker {
-      width: 140px;
-    }
-    .details-column {
-      width: 45%;
-      display: flex;
-      flex-direction: column;
-      .transaction-line-totals-amount {
-        margin: 5px;
-      }
-      //.amount-number-picker {
-      //  height: 40px;
-      //  margin: 5px;
-      //}
-    }
-    .header-wrapper {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      margin: $tp-co-transaction-line-receive-goods-title-margin;
-      .details-header {
-        font-size: $tp-co-transaction-line-receive-goods-title-font-size;
-        font-weight: bold;
-      }
-    }
-    .divider-wrapper {
-      display: flex;
-      width: 10%;
-      justify-content: center;
-      visibility: hidden;
-      .divider {
-        border-left: 1px solid;
-        border-color: $tp-color-border;
-        margin: 5px; // $tp-co-transaction-request-details-input-margin;
-      }
-    }
-    .details-input {
-      margin: 5px; // $tp-co-transaction-request-details-input-margin;
-    }
-    .location-wrapper {
-      position: relative;
-      .co-transaction-button {
-        width: auto;
-        margin: 5px;
-      }
-    }
-    .disabled {
-      cursor: default;
-      opacity: 0.6;
-    }
-    .clickable {
-      cursor: pointer;
-    }
-    .warehouse-buttons {
-      width: 100%;
-      .co-transaction-button {
-        width: 100%;
-      }
-    }
-  }
-}
+@include export-module('co-transaction-line-interbranch-receive-goods-layout') {
+  .co-transaction-line-interbranch-receive-goods {
+    .columns-wrapper {
+      display: flex;
+    }
+    .co-input-number-picker {
+      width: 140px;
+    }
+    .details-column {
+      width: 45%;
+      display: flex;
+      flex-direction: column;
+      .transaction-line-totals-amount {
+        margin: 5px;
+      }
+      //.amount-number-picker {
+      //  height: 40px;
+      //  margin: 5px;
+      //}
+    }
+    .header-wrapper {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin: $tp-co-transaction-line-receive-goods-title-margin;
+      .details-header {
+        font-size: $tp-co-transaction-line-receive-goods-title-font-size;
+        font-weight: bold;
+      }
+    }
+    .divider-wrapper {
+      display: flex;
+      width: 10%;
+      justify-content: center;
+      visibility: hidden;
+      .divider {
+        border-left: 1px solid;
+        border-color: $tp-color-border;
+        margin: 5px; // $tp-co-transaction-request-details-input-margin;
+      }
+    }
+    .details-input {
+      margin: 5px; // $tp-co-transaction-request-details-input-margin;
+    }
+    .location-wrapper {
+      position: relative;
+      .co-transaction-button {
+        width: auto;
+        margin: 5px;
+      }
+    }
+    .disabled {
+      cursor: default;
+      opacity: 0.6;
+    }
+    .clickable {
+      cursor: pointer;
+    }
+    .warehouse-buttons {
+      width: 100%;
+      .co-transaction-button {
+        width: 100%;
+      }
+    }
+  }
+}

package/lib/component/transaction-line-interbranch-receive-goods/style/_material-definition.scss CHANGED Viewed

@@ -1,2 +1,2 @@
-$tp-co-transaction-line-receive-goods-title-font-size: 12px !default;
-$tp-co-transaction-line-receive-goods-title-margin: 0 0 10px 5px !default;
+$tp-co-transaction-line-receive-goods-title-font-size: 12px !default;
+$tp-co-transaction-line-receive-goods-title-margin: 0 0 10px 5px !default;

package/lib/component/transaction-line-interbranch-receive-goods/style/_theme.scss CHANGED Viewed

@@ -1,4 +1,4 @@
-@include export-module('co-transaction-line-interbranch-receive-goods-theme') {
-  .co-transaction-line-interbranch-receive-goods {
-  }
-}
+@include export-module('co-transaction-line-interbranch-receive-goods-theme') {
+  .co-transaction-line-interbranch-receive-goods {
+  }
+}

package/lib/component/transaction-line-interbranch-receive-goods/style/material.scss CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "../../../style/mixin";
-@import "./_material-definition";
-@import "./_layout";
-@import "./_theme";
+@import "../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/_layout.scss CHANGED Viewed

@@ -1,27 +1,27 @@
-@use "sass:math";
-@import "../../../../style/mixin";
-@include export-module('co-transaction-quick-access-interbranch-order-purchase-layout') {
-  .co-transaction-quick-access-interbranch-order-purchase {
-    .select-all-wrapper {
-      display: flex;
-      align-items: center;
-    }
-    .button {
-      padding: 0.25em;
-      background-color: white;
-      border: 1px solid $tp-transaction-quick-access-planning-lsp-mode-button;
-      cursor: pointer;
-      co-icon {
-        fill: $tp-transaction-quick-access-planning-lsp-mode-button;
-      }
-      &.selected {
-        background-color: $tp-transaction-quick-access-planning-lsp-mode-button;
-        co-icon {
-          fill: white;
-        }
-      }
-    }
-  }
-}
+@use "sass:math";
+@import "../../../../style/mixin";
+@include export-module('co-transaction-quick-access-interbranch-order-purchase-layout') {
+  .co-transaction-quick-access-interbranch-order-purchase {
+    .select-all-wrapper {
+      display: flex;
+      align-items: center;
+    }
+    .button {
+      padding: 0.25em;
+      background-color: white;
+      border: 1px solid $tp-transaction-quick-access-planning-lsp-mode-button;
+      cursor: pointer;
+      co-icon {
+        fill: $tp-transaction-quick-access-planning-lsp-mode-button;
+      }
+      &.selected {
+        background-color: $tp-transaction-quick-access-planning-lsp-mode-button;
+        co-icon {
+          fill: white;
+        }
+      }
+    }
+  }
+}

package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/_material-definition.scss CHANGED Viewed

	@@ -1 +1 @@
1	- $tp-transaction-quick-access-planning-lsp-mode-button: #1A73E8;
1	+ $tp-transaction-quick-access-planning-lsp-mode-button: #1A73E8;

package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/_theme.scss CHANGED Viewed

@@ -1,4 +1,4 @@
-@include export-module('co-transaction-quick-access-interbranch-order-purchase-theme') {
-  .co-transaction-quick-access-interbranch-order-purchase {
-  }
-}
+@include export-module('co-transaction-quick-access-interbranch-order-purchase-theme') {
+  .co-transaction-quick-access-interbranch-order-purchase {
+  }
+}

package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/material.scss CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "../../../../style/mixin";
-@import "./_material-definition";
-@import "./_layout";
-@import "./_theme";
+@import "../../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";