@colijnit/transaction 301.1.8 → 301.1.10

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

@@ -1,7 +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);
-    }
-  }
-}
+@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

@@ -1 +1 @@
-
+

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

@@ -1,4 +1,4 @@
-@include export-module('co-wizard-return-line-display-theme') {
-  .co-wizard-return-line-display {
-  }
-}
+@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

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

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

@@ -1,72 +1,72 @@
-@include export-module('co-wizard-return-line-display-tile-layout') {
-  .co-wizard-return-line-display-tile {
-    .return-line-tile-contents {
-      display: flex;
-      flex-direction: row;
-      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;
-        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;
-        }
-      }
-    }
-  }
-}
+@include export-module('co-wizard-return-line-display-tile-layout') {
+  .co-wizard-return-line-display-tile {
+    .return-line-tile-contents {
+      display: flex;
+      flex-direction: row;
+      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;
+        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/returns/return-wizard/wizard-return-line-display-tile/style/_material-definition.scss

@@ -1 +1 @@
-
+

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

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

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

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

package/lib/component/sales-order-convert-dialog/style/_layout.scss

@@ -1,17 +1,17 @@
-@include export-module('co-sales-order-convert-dialog-layout') {
-  .co-sales-order-convert-dialog {
-    .co-dialog:not(.is-mobile) .co-dialog-wrapper {
-      min-height: 200px;
-      width: 400px;
-      .dialog-content {
-        height: 100%;
-      }
-    }
-    .sales-fields {
-      display: flex;
-      flex-direction: column;
-      row-gap: 10px;
-      width: 300px;
-    }
-  }
-}
+@include export-module('co-sales-order-convert-dialog-layout') {
+  .co-sales-order-convert-dialog {
+    .co-dialog:not(.is-mobile) .co-dialog-wrapper {
+      min-height: 200px;
+      width: 400px;
+      .dialog-content {
+        height: 100%;
+      }
+    }
+    .sales-fields {
+      display: flex;
+      flex-direction: column;
+      row-gap: 10px;
+      width: 300px;
+    }
+  }
+}

package/lib/component/sales-order-convert-dialog/style/_material-definition.scss

@@ -1 +1 @@
-
+

package/lib/component/sales-order-convert-dialog/style/_theme.scss

@@ -1,4 +1,4 @@
-@include export-module('co-sales-order-convert-dialog-theme') {
-  .co-sales-order-convert-dialog {
-  }
-}
+@include export-module('co-sales-order-convert-dialog-theme') {
+  .co-sales-order-convert-dialog {
+  }
+}

package/lib/component/sales-order-convert-dialog/style/material.scss

@@ -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/service-wizard-qa/question-answer-item/style/_layout.scss

@@ -1,44 +1,44 @@
-@include export-module('co-question-answer-item-layout') {
-  .co-question-answer-item {
-    font-family: $tp-co-purchase-confirmation-font-family;
-    font-size: $tp-co-purchase-confirmation-font-size;
-
-    .question-item {
-      width: 100%;
-      margin-top: $tp-co-purchase-confirmation-drag-handle-width;
-    }
-    .answer-items-wrapper {
-      display: flex;
-      flex-direction: column;
-      gap: 10px;
-      .co-input-checkbox {
-        .checkbox {
-          background-color: #F8F8FA;
-          border-color: #F8F8FA;
-        }
-      }
-    }
-    .answer-item {
-      padding: 20px $tp-co-purchase-confirmation-column-gap;
-      border-radius: 5px;
-      border: 2px solid #DCE4EA;
-
-      .answer {
-        display: inline-block;
-        margin-right: $tp-co-purchase-confirmation-drag-handle-width;
-      }
-
-      .link {
-        //display: inline-block;
-        //margin-left: $tp-co-purchase-confirmation-drag-handle-width;
-        font-weight: 600;
-        font-style: italic;
-        color: #1a73e8;
-        cursor: pointer;
-        &:hover {
-          text-decoration: underline;
-        }
-      }
-    }
-  }
-}
+@include export-module('co-question-answer-item-layout') {
+  .co-question-answer-item {
+    font-family: $tp-co-purchase-confirmation-font-family;
+    font-size: $tp-co-purchase-confirmation-font-size;
+
+    .question-item {
+      width: 100%;
+      margin-top: $tp-co-purchase-confirmation-drag-handle-width;
+    }
+    .answer-items-wrapper {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+      .co-input-checkbox {
+        .checkbox {
+          background-color: #F8F8FA;
+          border-color: #F8F8FA;
+        }
+      }
+    }
+    .answer-item {
+      padding: 20px $tp-co-purchase-confirmation-column-gap;
+      border-radius: 5px;
+      border: 2px solid #DCE4EA;
+
+      .answer {
+        display: inline-block;
+        margin-right: $tp-co-purchase-confirmation-drag-handle-width;
+      }
+
+      .link {
+        //display: inline-block;
+        //margin-left: $tp-co-purchase-confirmation-drag-handle-width;
+        font-weight: 600;
+        font-style: italic;
+        color: #1a73e8;
+        cursor: pointer;
+        &:hover {
+          text-decoration: underline;
+        }
+      }
+    }
+  }
+}

package/lib/component/service-wizard-qa/question-answer-item/style/_material-definition.scss

@@ -1,24 +1,24 @@
-$tp-co-purchase-confirmation-font-family: $tp-font-family !default;
-$tp-co-purchase-confirmation-font-size: $tp-font-size !default;
-
-$tp-co-purchase-confirmation-header-font-family: $tp-font-family !default;
-$tp-co-purchase-confirmation-header-font-size: 14px !default;
-$tp-co-purchase-confirmation-header-font-weight: bold !default;
-$tp-co-purchase-confirmation-header-height: 50px !default;
-
-$tp-co-purchase-confirmation-background: white !default;
-$tp-co-purchase-confirmation-height: 120px !default;
-$tp-co-purchase-confirmation-drag-handle-width: 30px !default;
-
-$tp-co-purchase-confirmation-icon-size: 40px !default;
-
-$tp-co-purchase-confirmation-quantity-width: 16% !default;
-$tp-co-purchase-confirmation-article-nr-width: 20% !default;
-$tp-co-purchase-confirmation-description-width: 20% !default;
-$tp-co-purchase-confirmation-date-width: 16% !default;
-$tp-co-purchase-confirmation-price-width: 16% !default;
-$tp-co-purchase-confirmation-link-button-width: 50px !default;
-
-$tp-co-purchase-confirmation-column-gap: 10px !default;
-
-$tp-co-purchase-confirmation-linked-color-width: 10px !default;
+$tp-co-purchase-confirmation-font-family: $tp-font-family !default;
+$tp-co-purchase-confirmation-font-size: $tp-font-size !default;
+
+$tp-co-purchase-confirmation-header-font-family: $tp-font-family !default;
+$tp-co-purchase-confirmation-header-font-size: 14px !default;
+$tp-co-purchase-confirmation-header-font-weight: bold !default;
+$tp-co-purchase-confirmation-header-height: 50px !default;
+
+$tp-co-purchase-confirmation-background: white !default;
+$tp-co-purchase-confirmation-height: 120px !default;
+$tp-co-purchase-confirmation-drag-handle-width: 30px !default;
+
+$tp-co-purchase-confirmation-icon-size: 40px !default;
+
+$tp-co-purchase-confirmation-quantity-width: 16% !default;
+$tp-co-purchase-confirmation-article-nr-width: 20% !default;
+$tp-co-purchase-confirmation-description-width: 20% !default;
+$tp-co-purchase-confirmation-date-width: 16% !default;
+$tp-co-purchase-confirmation-price-width: 16% !default;
+$tp-co-purchase-confirmation-link-button-width: 50px !default;
+
+$tp-co-purchase-confirmation-column-gap: 10px !default;
+
+$tp-co-purchase-confirmation-linked-color-width: 10px !default;

package/lib/component/service-wizard-qa/question-answer-item/style/_theme.scss

@@ -1,5 +1,5 @@
-@include export-module('co-question-answer-item-theme') {
-  .co-question-answer-item {
-    background: $tp-co-purchase-confirmation-background;
-  }
-}
+@include export-module('co-question-answer-item-theme') {
+  .co-question-answer-item {
+    background: $tp-co-purchase-confirmation-background;
+  }
+}

package/lib/component/service-wizard-qa/question-answer-item/style/material.scss

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

package/lib/component/shared/conversion-assistant/style/_layout.scss

@@ -1,61 +1,61 @@
-@import "../../../../style/mixin";
-
-@include export-module('co-transaction-line-conversion-assistant-layout') {
-  .co-transaction-line-conversion-assistant {
-    .co-dialog:not(.is-mobile) .co-dialog-wrapper {
-      width: 500px;
-      .assistant-header {
-        display: flex;
-        flex-direction: row;
-        column-gap: 5px;
-        align-items: center;
-        padding-bottom: 10px;
-      }
-
-      .assistant-content-wrapper {
-        display: flex;
-        flex-direction: row;
-        column-gap: 5px;
-
-        .unit-amount {
-          height: $tp-conversion-assistant-field-height;
-          max-width: 90px;
-        }
-
-        .unit-list {
-          height: $tp-conversion-assistant-field-height;
-
-          .co-input-text {
-            height: $tp-conversion-assistant-field-height;
-          }
-        }
-
-        .quantity-number-picker {
-          width: $tp-conversion-assistant-quantity-width;
-          height: $tp-conversion-assistant-field-height;
-
-          .icon-wrapper {
-            max-width: $tp-conversion-assistant-field-height;
-          }
-
-          .co-input-text {
-            width: $tp-conversion-assistant-quantity-width;
-            height: $tp-conversion-assistant-field-height;
-
-            .right-icon {
-              min-width: $cc-co-list-of-values-right-icon-spacer-width;
-            }
-
-            .input-text-right-icon svg {
-              width: $cc-co-list-of-values-right-icon-width;
-              height: $cc-co-list-of-values-right-icon-width;
-              padding: $cc-co-list-of-values-right-icon-padding;
-              background: $cc-co-list-of-values-right-icon-background;
-              border-radius: $cc-co-list-of-values-right-icon-radius;
-            }
-          }
-        }
-      }
-    }
-  }
-}
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-line-conversion-assistant-layout') {
+  .co-transaction-line-conversion-assistant {
+    .co-dialog:not(.is-mobile) .co-dialog-wrapper {
+      width: 500px;
+      .assistant-header {
+        display: flex;
+        flex-direction: row;
+        column-gap: 5px;
+        align-items: center;
+        padding-bottom: 10px;
+      }
+
+      .assistant-content-wrapper {
+        display: flex;
+        flex-direction: row;
+        column-gap: 5px;
+
+        .unit-amount {
+          height: $tp-conversion-assistant-field-height;
+          max-width: 90px;
+        }
+
+        .unit-list {
+          height: $tp-conversion-assistant-field-height;
+
+          .co-input-text {
+            height: $tp-conversion-assistant-field-height;
+          }
+        }
+
+        .quantity-number-picker {
+          width: $tp-conversion-assistant-quantity-width;
+          height: $tp-conversion-assistant-field-height;
+
+          .icon-wrapper {
+            max-width: $tp-conversion-assistant-field-height;
+          }
+
+          .co-input-text {
+            width: $tp-conversion-assistant-quantity-width;
+            height: $tp-conversion-assistant-field-height;
+
+            .right-icon {
+              min-width: $cc-co-list-of-values-right-icon-spacer-width;
+            }
+
+            .input-text-right-icon svg {
+              width: $cc-co-list-of-values-right-icon-width;
+              height: $cc-co-list-of-values-right-icon-width;
+              padding: $cc-co-list-of-values-right-icon-padding;
+              background: $cc-co-list-of-values-right-icon-background;
+              border-radius: $cc-co-list-of-values-right-icon-radius;
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/lib/component/shared/conversion-assistant/style/_material-definition.scss

@@ -1,2 +1,2 @@
-$tp-conversion-assistant-field-height: 36px !default;
-$tp-conversion-assistant-quantity-width: 150px !default;
+$tp-conversion-assistant-field-height: 36px !default;
+$tp-conversion-assistant-quantity-width: 150px !default;

package/lib/component/shared/conversion-assistant/style/_theme.scss

@@ -1,6 +1,6 @@
-@import "../../../../style/mixin";
-
-@include export-module('co-transaction-line-conversion-assistant-theme') {
-  .co-transaction-line-conversion-assistant {
-  }
-}
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-line-conversion-assistant-theme') {
+  .co-transaction-line-conversion-assistant {
+  }
+}

package/lib/component/shared/conversion-assistant/style/material.scss

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

package/lib/component/shared/transaction-article-text/style/_layout.scss

@@ -84,6 +84,7 @@
           }
           p {
             margin-bottom: 5px;
+            min-height: $tp-co-transaction-article-text-dialog-content-editor-paragraph-min-height;
           }
         }
         &.active {
@@ -257,7 +258,7 @@
         gap: $tp-co-transaction-article-text-popup-dialog-footer-button-wrapper-gap;
       }
     }
-    .close-button {
+    .close-button, .delete-button {
       height: $tp-co-transaction-article-text-popup-close-button-size;
       width: $tp-co-transaction-article-text-popup-close-button-size;
       border-color: $tp-co-transaction-article-text-popup-button-border-color;

package/lib/component/shared/transaction-article-text/style/_material-definition.scss

@@ -13,6 +13,7 @@ $tp-co-transaction-article-text-dialog-content-gap: 10px !default;
 $tp-co-transaction-article-text-dialog-content-textarea-height: 150px !default;
 $tp-co-transaction-article-text-dialog-content-editor-margin: 10px 0 !default;
 $tp-co-transaction-article-text-dialog-content-editor-min-height: 150px !default;
+$tp-co-transaction-article-text-dialog-content-editor-paragraph-min-height: 10px !default;
 $tp-co-transaction-article-text-dialog-content-editor-textarea-padding: 0 40px 10px 10px !default;
 $tp-co-transaction-article-text-dialog-content-editor-wysiwyg-padding: 10px 40px 10px 10px !default;
 $tp-co-transaction-article-text-documents-header-margin: 20px 0 0 0 !default;