@colijnit/transaction 301.1.8 → 301.1.9

package/lib/component/transaction-line-side-panel-replenishment-article-details/style/_layout.scss

@@ -1,204 +1,204 @@
-@import "../../../style/mixin";
-
-@include export-module('cc-transaction-line-side-panel-replenishment-article-details') {
-
-  .transaction-line-side-panel-article-details-wrapper  {
-    display: flex;
-    flex-direction: column;
-    font-family: $tp-transaction-line-side-panel-font-family;
-    font-size: $tp-transaction-line-side-panel-font-size;
-    position: fixed;
-    right: 0;
-    top: $tp-transaction-line-side-panel-top;
-    width: $tp-transaction-line-side-panel-width;
-    height: $tp-transaction-line-side-panel-height;
-    z-index: 999;
-    box-shadow: $tp-transaction-line-side-panel-box-shadow;
-    background: $tp-transaction-line-side-panel-background;
-  }
-
-  .transaction-line-side-panel-header {
-    display: flex;
-    column-gap: 15px;
-    margin: $tp-transaction-line-side-panel-header-margin;
-    align-items: center;
-    padding: $tp-transaction-line-side-panel-padding;
-    co-icon {
-      width: $tp-transaction-line-side-panel-icon-size;
-      height: $tp-transaction-line-side-panel-icon-size;
-      svg {
-        max-height: 100%;
-      }
-    }
-    span {
-      font-weight: bold;
-      font-size: $tp-transaction-line-side-panel-header-font-size;
-    }
-
-  }
-  .close-button {
-    &.side-panel {
-      position: absolute;
-      display: flex;
-      align-self: flex-end;
-      width: $tp-transaction-line-side-panel-close-icon-size;
-      height: $tp-transaction-line-side-panel-close-icon-size;
-      top: $tp-transaction-line-side-panel-close-icon-top;
-      right: $tp-transaction-line-side-panel-close-icon-right;
-      cursor: pointer;
-    }
-  }
-  .transaction-line-side-panel-article-details-header {
-    display: flex;
-    justify-content: space-between;
-    padding: $tp-transaction-line-side-panel-panel-nav-bar-padding;
-    border-color: $tp-transaction-line-side-panel-panel-nav-bar-border-color;
-    border-style: solid;
-    border-width: $tp-transaction-line-side-panel-panel-nav-bar-border-width;
-  }
-  .default-details-wrapper {
-    background-color: #f8f8fa;
-    padding: 30px;
-    border: solid #fff;
-    border-width: 0 0 5px;
-  }
-  .transaction-line-side-panel-content {
-    display: flex;
-    flex-direction: column;
-    flex-basis: 100%;
-    overflow-y: auto;
-    overflow-x: hidden;
-  }
-  .co-transaction-line-side-panel-article-details {
-
-    .transaction-line-side-panel-article-details-wrapper {
-      .side-panel-header-label {
-        font-size: 10px;
-        color: #7d81a1;
-      }
-      .side-panel-header-field {
-        font-size: 12px;
-        overflow-x: clip;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-      }
-      .side-panel-header-divider {
-        display: flex;
-        border-style: solid;
-        border-width: 0 1px 0 0;
-        border-color: #dce4ea;
-        width: 1px;
-        margin: 5px;
-      }
-      .transaction-line-side-panel-article-details-header-item {
-        display: flex;
-        flex-direction: column;
-        row-gap: 5px;
-      }
-      .last-item-margin {
-        margin-right: 4%;
-      }
-      .center {
-        align-items: center;
-      }
-      .bold {
-        font-weight: bold;
-      }
-      .max-width-40 {
-        max-width: 40%;
-      }
-
-      .section-wrapper {
-        display: flex;
-        flex-direction: column;
-        padding: 0 0 20px 0;
-
-        .section-title {
-          font-size: 12px;
-          font-weight: 700;
-          margin: 10px 0;
-          color: #000;
-        }
-      }
-
-      .purchase-advice-detail-header {
-        background: #FFFFFF;
-        padding: 10px;
-        display: flex;
-        border-radius: 5px;
-        width: 100%;
-        justify-content: space-between;
-      }
-
-      .detail-column-container {
-        display: flex;
-        flex-direction: row;
-        gap: 10px;
-        .detail-column {
-          flex-basis: 100%;
-        }
-        .column-input-item {
-          margin-top: 10px;
-        }
-        co-input-text, co-list-of-values {
-          &:before {
-            box-shadow: none;
-          }
-        }
-        .detail-column-item {
-          margin: 10px 0;
-          display: flex;
-          flex-direction: column;
-          height: 30px;
-        }
-      }
-
-      .half-width {
-        width: 50%;
-      }
-
-      .dynamic-suppliers-wrapper {
-        display: flex;
-        flex-wrap: wrap;
-        margin-bottom: 10px;
-
-        .dynamic-supplier {
-          background: #F5F5FC;
-          border-radius: 11px;
-          min-height: 100px;
-          display: flex;
-          flex-direction: column;
-          justify-content: space-between;
-          max-width: 175px;
-          margin: 0 10px 10px 0;
-          cursor: pointer;
-
-          .supplier-detail-container {
-            display: flex;
-            padding: 5px;
-            min-width: 180px;
-          }
-
-          .supplier-name {
-            font-size: 13px;
-            color: #3e7eff;
-            font-weight: bold;
-            padding: 0 10px;
-          }
-
-          .supplier-date {
-            padding: 5px 10px;
-          }
-        }
-      }
-
-      .selected {
-        background: #d8e5ff !important;
-      }
-
-      .supplier-list {
-        max-width: 250px;
-      }
-    }
-  }
-}
+@import "../../../style/mixin";
+
+@include export-module('cc-transaction-line-side-panel-replenishment-article-details') {
+
+  .transaction-line-side-panel-article-details-wrapper  {
+    display: flex;
+    flex-direction: column;
+    font-family: $tp-transaction-line-side-panel-font-family;
+    font-size: $tp-transaction-line-side-panel-font-size;
+    position: fixed;
+    right: 0;
+    top: $tp-transaction-line-side-panel-top;
+    width: $tp-transaction-line-side-panel-width;
+    height: $tp-transaction-line-side-panel-height;
+    z-index: 999;
+    box-shadow: $tp-transaction-line-side-panel-box-shadow;
+    background: $tp-transaction-line-side-panel-background;
+  }
+
+  .transaction-line-side-panel-header {
+    display: flex;
+    column-gap: 15px;
+    margin: $tp-transaction-line-side-panel-header-margin;
+    align-items: center;
+    padding: $tp-transaction-line-side-panel-padding;
+    co-icon {
+      width: $tp-transaction-line-side-panel-icon-size;
+      height: $tp-transaction-line-side-panel-icon-size;
+      svg {
+        max-height: 100%;
+      }
+    }
+    span {
+      font-weight: bold;
+      font-size: $tp-transaction-line-side-panel-header-font-size;
+    }
+
+  }
+  .close-button {
+    &.side-panel {
+      position: absolute;
+      display: flex;
+      align-self: flex-end;
+      width: $tp-transaction-line-side-panel-close-icon-size;
+      height: $tp-transaction-line-side-panel-close-icon-size;
+      top: $tp-transaction-line-side-panel-close-icon-top;
+      right: $tp-transaction-line-side-panel-close-icon-right;
+      cursor: pointer;
+    }
+  }
+  .transaction-line-side-panel-article-details-header {
+    display: flex;
+    justify-content: space-between;
+    padding: $tp-transaction-line-side-panel-panel-nav-bar-padding;
+    border-color: $tp-transaction-line-side-panel-panel-nav-bar-border-color;
+    border-style: solid;
+    border-width: $tp-transaction-line-side-panel-panel-nav-bar-border-width;
+  }
+  .default-details-wrapper {
+    background-color: #f8f8fa;
+    padding: 30px;
+    border: solid #fff;
+    border-width: 0 0 5px;
+  }
+  .transaction-line-side-panel-content {
+    display: flex;
+    flex-direction: column;
+    flex-basis: 100%;
+    overflow-y: auto;
+    overflow-x: hidden;
+  }
+  .co-transaction-line-side-panel-article-details {
+
+    .transaction-line-side-panel-article-details-wrapper {
+      .side-panel-header-label {
+        font-size: 10px;
+        color: #7d81a1;
+      }
+      .side-panel-header-field {
+        font-size: 12px;
+        overflow-x: clip;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+      }
+      .side-panel-header-divider {
+        display: flex;
+        border-style: solid;
+        border-width: 0 1px 0 0;
+        border-color: #dce4ea;
+        width: 1px;
+        margin: 5px;
+      }
+      .transaction-line-side-panel-article-details-header-item {
+        display: flex;
+        flex-direction: column;
+        row-gap: 5px;
+      }
+      .last-item-margin {
+        margin-right: 4%;
+      }
+      .center {
+        align-items: center;
+      }
+      .bold {
+        font-weight: bold;
+      }
+      .max-width-40 {
+        max-width: 40%;
+      }
+
+      .section-wrapper {
+        display: flex;
+        flex-direction: column;
+        padding: 0 0 20px 0;
+
+        .section-title {
+          font-size: 12px;
+          font-weight: 700;
+          margin: 10px 0;
+          color: #000;
+        }
+      }
+
+      .purchase-advice-detail-header {
+        background: #FFFFFF;
+        padding: 10px;
+        display: flex;
+        border-radius: 5px;
+        width: 100%;
+        justify-content: space-between;
+      }
+
+      .detail-column-container {
+        display: flex;
+        flex-direction: row;
+        gap: 10px;
+        .detail-column {
+          flex-basis: 100%;
+        }
+        .column-input-item {
+          margin-top: 10px;
+        }
+        co-input-text, co-list-of-values {
+          &:before {
+            box-shadow: none;
+          }
+        }
+        .detail-column-item {
+          margin: 10px 0;
+          display: flex;
+          flex-direction: column;
+          height: 30px;
+        }
+      }
+
+      .half-width {
+        width: 50%;
+      }
+
+      .dynamic-suppliers-wrapper {
+        display: flex;
+        flex-wrap: wrap;
+        margin-bottom: 10px;
+
+        .dynamic-supplier {
+          background: #F5F5FC;
+          border-radius: 11px;
+          min-height: 100px;
+          display: flex;
+          flex-direction: column;
+          justify-content: space-between;
+          max-width: 175px;
+          margin: 0 10px 10px 0;
+          cursor: pointer;
+
+          .supplier-detail-container {
+            display: flex;
+            padding: 5px;
+            min-width: 180px;
+          }
+
+          .supplier-name {
+            font-size: 13px;
+            color: #3e7eff;
+            font-weight: bold;
+            padding: 0 10px;
+          }
+
+          .supplier-date {
+            padding: 5px 10px;
+          }
+        }
+      }
+
+      .selected {
+        background: #d8e5ff !important;
+      }
+
+      .supplier-list {
+        max-width: 250px;
+      }
+    }
+  }
+}

package/lib/component/transaction-line-side-panel-replenishment-article-details/style/_theme.scss

@@ -1,6 +1,6 @@
-@import "../../../style/mixin";
-
-@include export-module('cc-transaction-line-side-panel-replenishment-article-details-theme') {
-  .co-transaction-line-side-panel-article-details {
-  }
-}
+@import "../../../style/mixin";
+
+@include export-module('cc-transaction-line-side-panel-replenishment-article-details-theme') {
+  .co-transaction-line-side-panel-article-details {
+  }
+}

package/lib/component/transaction-line-side-panel-replenishment-article-details/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-line-side-panel-sales-purchase/style/_layout.scss

@@ -1,60 +1,60 @@
-@include export-module('co-transaction-line-side-panel-sales-purchase-layout') {
-  .co-transaction-line-side-panel-sales-purchase {
-    .columns-wrapper {
-    }
-
-    .details-column {
-      display: flex;
-      gap: 10px;
-      > * {
-        flex: 1;
-      }
-    }
-    .details-input {
-      margin: 10px 0;
-    }
-
-    .location-wrapper {
-      position: relative;
-      margin-bottom: 13px;
-
-      .required {
-        position: absolute;
-        right: 7px;
-        top: 7px;
-        color: $tp-color-error;
-      }
-    }
-
-    .commit-button-wrapper {
-      width: 100%;
-      display: flex;
-      margin-top: 20px;
-      margin-bottom: 40px;
-      justify-content: center;
-
-      .commit-button {
-        display: flex;
-        width: 125px;
-        height: 35px;
-        background: $tp-color-action;
-        align-items: center;
-        justify-content: center;
-        border-radius: 11px;
-
-        .commit-text {
-          font-size: 12px;
-          font-weight: bold;
-          color: $tp-color-text-light;
-        }
-      }
-    }
-    .disabled {
-      cursor: default;
-      opacity: 0.6;
-    }
-    .clickable {
-      cursor: pointer;
-    }
-  }
-}
+@include export-module('co-transaction-line-side-panel-sales-purchase-layout') {
+  .co-transaction-line-side-panel-sales-purchase {
+    .columns-wrapper {
+    }
+
+    .details-column {
+      display: flex;
+      gap: 10px;
+      > * {
+        flex: 1;
+      }
+    }
+    .details-input {
+      margin: 10px 0;
+    }
+
+    .location-wrapper {
+      position: relative;
+      margin-bottom: 13px;
+
+      .required {
+        position: absolute;
+        right: 7px;
+        top: 7px;
+        color: $tp-color-error;
+      }
+    }
+
+    .commit-button-wrapper {
+      width: 100%;
+      display: flex;
+      margin-top: 20px;
+      margin-bottom: 40px;
+      justify-content: center;
+
+      .commit-button {
+        display: flex;
+        width: 125px;
+        height: 35px;
+        background: $tp-color-action;
+        align-items: center;
+        justify-content: center;
+        border-radius: 11px;
+
+        .commit-text {
+          font-size: 12px;
+          font-weight: bold;
+          color: $tp-color-text-light;
+        }
+      }
+    }
+    .disabled {
+      cursor: default;
+      opacity: 0.6;
+    }
+    .clickable {
+      cursor: pointer;
+    }
+  }
+}

package/lib/component/transaction-line-side-panel-sales-purchase/style/_theme.scss

@@ -1,4 +1,4 @@
-@include export-module('co-transaction-line-side-panel-sales-purchase-theme') {
-  .co-transaction-line-side-panel-sales-purchase {
-  }
-}
+@include export-module('co-transaction-line-side-panel-sales-purchase-theme') {
+  .co-transaction-line-side-panel-sales-purchase {
+  }
+}

package/lib/component/transaction-line-side-panel-sales-purchase/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-line-side-panel-service/style/_layout.scss

@@ -1,4 +1,4 @@
-@include export-module('cc-transaction-line-side-panel-service-layout') {
-  .co-transaction-line-side-panel-service {
-  }
-}
+@include export-module('cc-transaction-line-side-panel-service-layout') {
+  .co-transaction-line-side-panel-service {
+  }
+}

package/lib/component/transaction-line-side-panel-service/style/_theme.scss

@@ -1,4 +1,4 @@
-@include export-module('cc-transaction-line-side-panel-service-theme') {
-  .co-transaction-line-side-panel-service {
-  }
-}
+@include export-module('cc-transaction-line-side-panel-service-theme') {
+  .co-transaction-line-side-panel-service {
+  }
+}

package/lib/component/transaction-line-side-panel-service/style/material.scss

@@ -1,5 +1,5 @@
-@import "../../../style/mixin";
-@import "./_material-definition";
-@import "./_layout";
-@import "./_theme";
-@import "../../transaction-line-sales-allocation/style/material";
+@import "../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";
+@import "../../transaction-line-sales-allocation/style/material";