@colijnit/transaction 300.1.47 → 300.1.48

package/lib/component/transaction-card/transaction-card-purchase-order-stickers/style/_layout.scss

@@ -1,81 +1,81 @@
-@include export-module('cc-transaction-card-purchase-order-stickers-layout') {
-  .co-transaction-card-purchase-order-stickers {
-
-    co-transaction-line-amount co-input-number-picker, .transaction-card-price {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      border: 1px solid $tp-color-border;
-      border-radius: $tp-default-border-radius;
-      width: 100px;
-      min-width: 100px;
-      height: $tp-default-button-height;
-
-      .co-input-text {
-        width: 80%;
-        height: 95%;
-
-        input {
-          margin: 4px 0 0;
-        }
-      }
-
-      &.price {
-        width: auto;
-        font-weight: bold;
-      }
-    }
-
-    .transaction-card-content-wrapper {
-      display: flex;
-      width: 100%;
-      flex-direction: column;
-
-      .content-base {
-        width: inherit;
-        display: grid;
-        grid-template-columns: 1fr 1fr 1fr 1fr;
-        grid-template-rows: 1fr;
-        grid-column-gap: 5px;
-        margin-bottom: 5px;
-      }
-
-      .content-expanded {
-        width: inherit;
-        display: grid;
-        grid-template-columns: 1fr 3fr;
-        grid-template-rows: 1fr;
-        grid-column-gap: 5px;
-      }
-
-      .co-transaction-line-commission-button, .co-transaction-line-supplier-button, .co-transaction-line-warehouse-button, .co-transaction-line-delivery-button, .co-transaction-line-vat-button {
-        overflow: hidden;
-
-        .transaction-line-button {
-          width: auto;
-        }
-
-        &.fit-content {
-          width: fit-content;
-          min-width: 50%;
-        }
-      }
-    }
-  }
-
-  .side-panel-button {
-    background: #f5f5fc;
-    border-radius: 5px;
-    padding: 5px 2px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-
-    .co-icon {
-      width: 20px;
-      height: 20px;
-    }
-  }
-}
+@include export-module('cc-transaction-card-purchase-order-stickers-layout') {
+  .co-transaction-card-purchase-order-stickers {
+
+    co-transaction-line-amount co-input-number-picker, .transaction-card-price {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border: 1px solid $tp-color-border;
+      border-radius: $tp-default-border-radius;
+      width: 100px;
+      min-width: 100px;
+      height: $tp-default-button-height;
+
+      .co-input-text {
+        width: 80%;
+        height: 95%;
+
+        input {
+          margin: 4px 0 0;
+        }
+      }
+
+      &.price {
+        width: auto;
+        font-weight: bold;
+      }
+    }
+
+    .transaction-card-content-wrapper {
+      display: flex;
+      width: 100%;
+      flex-direction: column;
+
+      .content-base {
+        width: inherit;
+        display: grid;
+        grid-template-columns: 1fr 1fr 1fr 1fr;
+        grid-template-rows: 1fr;
+        grid-column-gap: 5px;
+        margin-bottom: 5px;
+      }
+
+      .content-expanded {
+        width: inherit;
+        display: grid;
+        grid-template-columns: 1fr 3fr;
+        grid-template-rows: 1fr;
+        grid-column-gap: 5px;
+      }
+
+      .co-transaction-line-commission-button, .co-transaction-line-supplier-button, .co-transaction-line-warehouse-button, .co-transaction-line-delivery-button, .co-transaction-line-vat-button {
+        overflow: hidden;
+
+        .transaction-line-button {
+          width: auto;
+        }
+
+        &.fit-content {
+          width: fit-content;
+          min-width: 50%;
+        }
+      }
+    }
+  }
+
+  .side-panel-button {
+    background: #f5f5fc;
+    border-radius: 5px;
+    padding: 5px 2px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+
+    .co-icon {
+      width: 20px;
+      height: 20px;
+    }
+  }
+}

package/lib/component/transaction-card/transaction-card-purchase-order-stickers/style/_theme.scss

@@ -1,4 +1,4 @@
-@include export-module('cc-transaction-card-purchase-order-stickers-theme') {
-  .co-transaction-card-purchase-order-stickers {
-  }
-}
+@include export-module('cc-transaction-card-purchase-order-stickers-theme') {
+  .co-transaction-card-purchase-order-stickers {
+  }
+}

package/lib/component/transaction-card/transaction-card-purchase-order-stickers/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/transaction-card/transaction-card-reserve-goods/style/_layout.scss

@@ -1,81 +1,81 @@
-@include export-module('cc-transaction-card-reserve-goods-layout') {
-  .co-transaction-card-reserve-goods {
-
-    co-transaction-line-amount co-input-number-picker, .transaction-card-price {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      border: 1px solid $tp-color-border;
-      border-radius: $tp-default-border-radius;
-      width: 100px;
-      min-width: 100px;
-      height: $tp-default-button-height;
-
-      .co-input-text {
-        width: 80%;
-        height: 95%;
-
-        input {
-          margin: 4px 0 0;
-        }
-      }
-
-      &.price {
-        width: auto;
-        font-weight: bold;
-      }
-    }
-
-    .transaction-card-content-wrapper {
-      display: flex;
-      width: 100%;
-      flex-direction: column;
-
-      .content-base {
-        width: inherit;
-        display: grid;
-        grid-template-columns: 1fr 1fr 1fr 1fr;
-        grid-template-rows: 1fr;
-        grid-column-gap: 5px;
-        margin-bottom: 5px;
-      }
-
-      .content-expanded {
-        width: inherit;
-        display: grid;
-        grid-template-columns: 1fr 3fr;
-        grid-template-rows: 1fr;
-        grid-column-gap: 5px;
-      }
-
-      .co-transaction-line-commission-button, .co-transaction-line-supplier-button, .co-transaction-line-warehouse-button, .co-transaction-line-delivery-button, .co-transaction-line-vat-button {
-        overflow: hidden;
-
-        .transaction-line-button {
-          width: auto;
-        }
-
-        &.fit-content {
-          width: fit-content;
-          min-width: 50%;
-        }
-      }
-    }
-  }
-
-  .side-panel-button {
-    background: #f5f5fc;
-    border-radius: 5px;
-    padding: 5px 2px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-
-    .co-icon {
-      width: 20px;
-      height: 20px;
-    }
-  }
-}
+@include export-module('cc-transaction-card-reserve-goods-layout') {
+  .co-transaction-card-reserve-goods {
+
+    co-transaction-line-amount co-input-number-picker, .transaction-card-price {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border: 1px solid $tp-color-border;
+      border-radius: $tp-default-border-radius;
+      width: 100px;
+      min-width: 100px;
+      height: $tp-default-button-height;
+
+      .co-input-text {
+        width: 80%;
+        height: 95%;
+
+        input {
+          margin: 4px 0 0;
+        }
+      }
+
+      &.price {
+        width: auto;
+        font-weight: bold;
+      }
+    }
+
+    .transaction-card-content-wrapper {
+      display: flex;
+      width: 100%;
+      flex-direction: column;
+
+      .content-base {
+        width: inherit;
+        display: grid;
+        grid-template-columns: 1fr 1fr 1fr 1fr;
+        grid-template-rows: 1fr;
+        grid-column-gap: 5px;
+        margin-bottom: 5px;
+      }
+
+      .content-expanded {
+        width: inherit;
+        display: grid;
+        grid-template-columns: 1fr 3fr;
+        grid-template-rows: 1fr;
+        grid-column-gap: 5px;
+      }
+
+      .co-transaction-line-commission-button, .co-transaction-line-supplier-button, .co-transaction-line-warehouse-button, .co-transaction-line-delivery-button, .co-transaction-line-vat-button {
+        overflow: hidden;
+
+        .transaction-line-button {
+          width: auto;
+        }
+
+        &.fit-content {
+          width: fit-content;
+          min-width: 50%;
+        }
+      }
+    }
+  }
+
+  .side-panel-button {
+    background: #f5f5fc;
+    border-radius: 5px;
+    padding: 5px 2px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+
+    .co-icon {
+      width: 20px;
+      height: 20px;
+    }
+  }
+}

package/lib/component/transaction-card/transaction-card-reserve-goods/style/_theme.scss

@@ -1,4 +1,4 @@
-@include export-module('cc-transaction-card-reserve-goods-theme') {
-  .co-transaction-card-reserve-goods {
-  }
-}
+@include export-module('cc-transaction-card-reserve-goods-theme') {
+  .co-transaction-card-reserve-goods {
+  }
+}

package/lib/component/transaction-card/transaction-card-reserve-goods/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/transaction-container-connection/transaction-container/style/_layout.scss

@@ -1,88 +1,88 @@
-@import "../../../../style/mixin";
-
-@include export-module('co-transaction-container-layout') {
-  .co-transaction-container {
-    .transaction-container-content {
-      display: flex;
-      flex-direction: row;
-      column-gap: 0px;
-      .container-button {
-        width: 40px;
-        height: 40px;
-        border: 1px solid $tp-color-action;
-        border-radius: 5px;
-        background-color: white;
-        co-icon {
-          svg {
-            fill: $tp-color-action;
-          }
-          & [fill] { // for own icons
-            fill: $tp-color-action;
-          }
-        }
-        &.buttonActive {
-          background-color: $tp-color-action;
-          co-icon {
-            svg {
-              fill: white;
-            }
-            & [fill] { // for own icons
-              fill: white;
-            }
-          }
-        }
-      }
-      .container-information {
-        display: flex;
-        flex-direction: row;
-        column-gap: 5px;
-        border: 1px solid $tp-color-action-light;
-        height: 40px;
-        justify-content: center;
-        align-items: center;
-        .container-information-label {
-          padding-left: 15px;
-          padding-right: 10px;
-          max-width: 120px;
-          text-overflow: ellipsis;
-          overflow: hidden;
-          &.small-container-label {
-            max-width: 80px;
-          }
-        }
-        .container-load-bar {
-          width: 100px;
-          height: 20px;
-          background-color: $tp-color-action;
-          position: relative;
-          align-items: center;
-          &.small-container-bar {
-            width: 60px;
-          }
-          .container-load-bar-fill {
-            height: 20px;
-            background-color: $tp-color-transaction-line-added;
-          }
-          .container-contents-label {
-              position: absolute;
-              left: 0px;
-              top: 3px;
-              padding-left: 5px;
-              max-width: 90px;
-              font-weight: bold;
-              text-overflow: ellipsis;
-              overflow: hidden;
-           }
-        }
-
-        .info-icon {
-          justify-content: center;
-          align-items: center;
-          height: 25px;
-          width: 25px;
-          padding-right: 5px;
-        }
-      }
-    }
-  }
-}
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-container-layout') {
+  .co-transaction-container {
+    .transaction-container-content {
+      display: flex;
+      flex-direction: row;
+      column-gap: 0px;
+      .container-button {
+        width: 40px;
+        height: 40px;
+        border: 1px solid $tp-color-action;
+        border-radius: 5px;
+        background-color: white;
+        co-icon {
+          svg {
+            fill: $tp-color-action;
+          }
+          & [fill] { // for own icons
+            fill: $tp-color-action;
+          }
+        }
+        &.buttonActive {
+          background-color: $tp-color-action;
+          co-icon {
+            svg {
+              fill: white;
+            }
+            & [fill] { // for own icons
+              fill: white;
+            }
+          }
+        }
+      }
+      .container-information {
+        display: flex;
+        flex-direction: row;
+        column-gap: 5px;
+        border: 1px solid $tp-color-action-light;
+        height: 40px;
+        justify-content: center;
+        align-items: center;
+        .container-information-label {
+          padding-left: 15px;
+          padding-right: 10px;
+          max-width: 120px;
+          text-overflow: ellipsis;
+          overflow: hidden;
+          &.small-container-label {
+            max-width: 80px;
+          }
+        }
+        .container-load-bar {
+          width: 100px;
+          height: 20px;
+          background-color: $tp-color-action;
+          position: relative;
+          align-items: center;
+          &.small-container-bar {
+            width: 60px;
+          }
+          .container-load-bar-fill {
+            height: 20px;
+            background-color: $tp-color-transaction-line-added;
+          }
+          .container-contents-label {
+              position: absolute;
+              left: 0px;
+              top: 3px;
+              padding-left: 5px;
+              max-width: 90px;
+              font-weight: bold;
+              text-overflow: ellipsis;
+              overflow: hidden;
+           }
+        }
+
+        .info-icon {
+          justify-content: center;
+          align-items: center;
+          height: 25px;
+          width: 25px;
+          padding-right: 5px;
+        }
+      }
+    }
+  }
+}

package/lib/component/transaction-container-connection/transaction-container/style/_material-definition.scss

@@ -1 +1 @@
-
+

package/lib/component/transaction-container-connection/transaction-container/style/_theme.scss

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

package/lib/component/transaction-container-connection/transaction-container/style/material.scss

@@ -1,3 +1,3 @@
-@import "./_material-definition";
-@import "./_layout";
-@import "./_theme";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";