@colijnit/transaction 301.1.7 → 301.1.8

package/lib/component/transaction-line-activities/style/_layout.scss

@@ -1,168 +1,168 @@
-@import "../../../style/mixin";
-
-@include export-module('co-transaction-line-activities-layout') {
-  .co-transaction-line-activities {
-    .service-overview-wrapper {
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
-      width: 100%;
-    }
-    .message-and-task-wrapper {
-      display: flex;
-      gap: 15px;
-      width: 100%;
-      align-items: flex-start;
-      flex-wrap: wrap;
-    }
-    .timeline-and-message-wrapper {
-      display: flex;
-      flex-direction: column;
-      gap: 30px;
-      padding: 0 0 15px;
-      margin-bottom: 15px;
-      flex: 1;
-      align-self: flex-start;
-    }
-    .activity-list-component-wrapper {
-      padding: 0;
-      margin: 0;
-      display: flex;
-      flex-direction: column;
-      gap: 30px;
-      flex: 1;
-      align-self: flex-start;
-      width: 100%;
-      .activity-list-conv-wrapper {
-        flex: 1;
-        padding-left: 0;
-        max-height: 300px;
-        overflow: auto;
-      }
-      .co-task-creator {
-        position: sticky;
-        bottom: 0;
-        .task-creator-wrapper {
-          background: #ffffff;
-        }
-      }
-    }
-    .activity-task-creator-wrapper {
-      display: flex;
-      gap: 15px;
-      flex-direction: column;
-      width: 400px;
-      max-width: 100%;
-    }
-    .activity-task-overview-wrapper {
-      display: flex;
-      flex-direction: column;
-      gap: 10px;
-      padding: 15px;
-      border-radius: 5px;
-      box-shadow: 0 2px 5px 1px #0000001a;
-      background: #FFF;
-      .activity-header {
-        font-size: 14px;
-        font-weight: 700;
-        color: #171721;
-        position: relative;
-      }
-      .activity-wrapper-inner {
-        order: 2;
-        display: flex;
-        gap: 5px;
-        margin-top: 0;
-        flex-wrap: wrap;
-        max-height: 300px;
-        overflow: auto;
-        &.bottom-task {
-          .task-box {
-            .co-button {
-              border: 1px solid #1b2874;
-              background: #1b28741a;
-              color: #1b2874;
-              justify-content: center;
-              align-items: center;
-              height: 32px;
-              min-width: 150px;
-              width: 100%;
-              span {
-                text-align: center;
-                font-size: 11px;
-              }
-            }
-          }
-        }
-      }
-      .co-component-activity-overview {
-        order: 1;
-        width: 100%;
-        &.bottom-task {
-          order: 2;
-          width: calc(50% - 3px);
-        }
-        .overview-main {
-          max-width: 100%;
-          .label-date-activity {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-          }
-          .activity-buttons {
-            .co-button {
-              width: 50%;
-              border: 1px solid #1a73e8 !important;
-              color: #1a73e8 !important;
-              background: #fff !important;
-              text-align: center;
-              padding: 5px 10px;
-              justify-content: center;
-              height: 32px;
-              max-width: calc(50% - 3px);
-            }
-          }
-        }
-        .overview-current {
-          .activity-title {
-            background: #d1e3fa;
-            border: 1px solid #1a73e8;
-            color: #1a73e8;
-            padding: 7px 15px;
-            text-transform: uppercase;
-            height: 32px;
-            justify-content: center;
-            align-items: center;
-            display: flex;
-            font-size: 11px;
-          }
-        }
-      }
-    }
-    .overview-task-wrapper {
-      .task-box {
-        display: flex;
-        flex-direction: column;
-        gap: 5px;
-        position: relative;
-        cursor: pointer;
-        width: 100%;
-      }
-    }
-    .message-and-task-wrapper {
-      .co-component-activity-list {
-        margin: 0;
-        height: auto;
-        padding: 0;
-        .activity-wrapper {
-          max-width: 100%;
-          max-height: 100%;
-          padding: 0;
-        }
-      }
-      .activity-list-content {
-        height: auto;
-      }
-    }
-  }
-}
+@import "../../../style/mixin";
+
+@include export-module('co-transaction-line-activities-layout') {
+  .co-transaction-line-activities {
+    .service-overview-wrapper {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      width: 100%;
+    }
+    .message-and-task-wrapper {
+      display: flex;
+      gap: 15px;
+      width: 100%;
+      align-items: flex-start;
+      flex-wrap: wrap;
+    }
+    .timeline-and-message-wrapper {
+      display: flex;
+      flex-direction: column;
+      gap: 30px;
+      padding: 0 0 15px;
+      margin-bottom: 15px;
+      flex: 1;
+      align-self: flex-start;
+    }
+    .activity-list-component-wrapper {
+      padding: 0;
+      margin: 0;
+      display: flex;
+      flex-direction: column;
+      gap: 30px;
+      flex: 1;
+      align-self: flex-start;
+      width: 100%;
+      .activity-list-conv-wrapper {
+        flex: 1;
+        padding-left: 0;
+        max-height: 300px;
+        overflow: auto;
+      }
+      .co-task-creator {
+        position: sticky;
+        bottom: 0;
+        .task-creator-wrapper {
+          background: #ffffff;
+        }
+      }
+    }
+    .activity-task-creator-wrapper {
+      display: flex;
+      gap: 15px;
+      flex-direction: column;
+      width: 400px;
+      max-width: 100%;
+    }
+    .activity-task-overview-wrapper {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+      padding: 15px;
+      border-radius: 5px;
+      box-shadow: 0 2px 5px 1px #0000001a;
+      background: #FFF;
+      .activity-header {
+        font-size: 14px;
+        font-weight: 700;
+        color: #171721;
+        position: relative;
+      }
+      .activity-wrapper-inner {
+        order: 2;
+        display: flex;
+        gap: 5px;
+        margin-top: 0;
+        flex-wrap: wrap;
+        max-height: 300px;
+        overflow: auto;
+        &.bottom-task {
+          .task-box {
+            .co-button {
+              border: 1px solid #1b2874;
+              background: #1b28741a;
+              color: #1b2874;
+              justify-content: center;
+              align-items: center;
+              height: 32px;
+              min-width: 150px;
+              width: 100%;
+              span {
+                text-align: center;
+                font-size: 11px;
+              }
+            }
+          }
+        }
+      }
+      .co-component-activity-overview {
+        order: 1;
+        width: 100%;
+        &.bottom-task {
+          order: 2;
+          width: calc(50% - 3px);
+        }
+        .overview-main {
+          max-width: 100%;
+          .label-date-activity {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+          }
+          .activity-buttons {
+            .co-button {
+              width: 50%;
+              border: 1px solid #1a73e8 !important;
+              color: #1a73e8 !important;
+              background: #fff !important;
+              text-align: center;
+              padding: 5px 10px;
+              justify-content: center;
+              height: 32px;
+              max-width: calc(50% - 3px);
+            }
+          }
+        }
+        .overview-current {
+          .activity-title {
+            background: #d1e3fa;
+            border: 1px solid #1a73e8;
+            color: #1a73e8;
+            padding: 7px 15px;
+            text-transform: uppercase;
+            height: 32px;
+            justify-content: center;
+            align-items: center;
+            display: flex;
+            font-size: 11px;
+          }
+        }
+      }
+    }
+    .overview-task-wrapper {
+      .task-box {
+        display: flex;
+        flex-direction: column;
+        gap: 5px;
+        position: relative;
+        cursor: pointer;
+        width: 100%;
+      }
+    }
+    .message-and-task-wrapper {
+      .co-component-activity-list {
+        margin: 0;
+        height: auto;
+        padding: 0;
+        .activity-wrapper {
+          max-width: 100%;
+          max-height: 100%;
+          padding: 0;
+        }
+      }
+      .activity-list-content {
+        height: auto;
+      }
+    }
+  }
+}

package/lib/component/transaction-line-activities/style/_theme.scss

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

package/lib/component/transaction-line-activities/style/material.scss

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

package/lib/component/transaction-line-fields/transaction-line-assembly-time/style/_layout.scss

@@ -1,17 +1,17 @@
-@include export-module('co-transaction-line-assembly-time-layout') {
-  .co-transaction-line-assembly-time {
-    span {
-      width: 100%;
-      text-align: $co-transaction-line-price-text-align;
-    }
-    .co-input-text {
-      input {
-        width: 100%;
-        text-align: $co-transaction-line-price-text-align;
-      }
-    }
-  }
-  .input-text {
-    height: 20px;
-  }
-}
+@include export-module('co-transaction-line-assembly-time-layout') {
+  .co-transaction-line-assembly-time {
+    span {
+      width: 100%;
+      text-align: $co-transaction-line-price-text-align;
+    }
+    .co-input-text {
+      input {
+        width: 100%;
+        text-align: $co-transaction-line-price-text-align;
+      }
+    }
+  }
+  .input-text {
+    height: 20px;
+  }
+}

package/lib/component/transaction-line-fields/transaction-line-assembly-time/style/_material-definition.scss

@@ -1 +1 @@
-$co-transaction-line-price-text-align: end !default;
+$co-transaction-line-price-text-align: end !default;

package/lib/component/transaction-line-fields/transaction-line-assembly-time/style/_theme.scss

@@ -1,4 +1,4 @@
-@include export-module('co-transaction-line-assembly-time-theme') {
-  .co-transaction-line-assembly-time {
-  }
-}
+@include export-module('co-transaction-line-assembly-time-theme') {
+  .co-transaction-line-assembly-time {
+  }
+}

package/lib/component/transaction-line-fields/transaction-line-assembly-time/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-fields/transaction-line-supplier-artnr/style/_layout.scss

@@ -1,19 +1,19 @@
-@include export-module('co-transaction-line-artnr-supplier-layout') {
-  .co-transaction-line-artnr-supplier {
-    span {
-      width: 100%;
-      text-align: $co-transaction-line-artnr-supplier-text-align;
-      text-overflow: ellipsis;
-      overflow: hidden;
-    }
-    .co-input-text {
-      input {
-        width: 100%;
-        text-align: $co-transaction-line-artnr-supplier-text-align;
-      }
-    }
-  }
-  .input-text {
-    height: 20px;
-  }
-}
+@include export-module('co-transaction-line-artnr-supplier-layout') {
+  .co-transaction-line-artnr-supplier {
+    span {
+      width: 100%;
+      text-align: $co-transaction-line-artnr-supplier-text-align;
+      text-overflow: ellipsis;
+      overflow: hidden;
+    }
+    .co-input-text {
+      input {
+        width: 100%;
+        text-align: $co-transaction-line-artnr-supplier-text-align;
+      }
+    }
+  }
+  .input-text {
+    height: 20px;
+  }
+}

package/lib/component/transaction-line-fields/transaction-line-supplier-artnr/style/_material-definition.scss

@@ -1 +1 @@
-$co-transaction-line-artnr-supplier-text-align: center !default;
+$co-transaction-line-artnr-supplier-text-align: center !default;

package/lib/component/transaction-line-fields/transaction-line-supplier-artnr/style/_theme.scss

@@ -1,4 +1,4 @@
-@include export-module('co-transaction-line-artnr-supplier-theme') {
-  .co-transaction-line-artnr-supplier {
-  }
-}
+@include export-module('co-transaction-line-artnr-supplier-theme') {
+  .co-transaction-line-artnr-supplier {
+  }
+}

package/lib/component/transaction-line-fields/transaction-line-supplier-artnr/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-purchase-transport/style/_layout.scss

@@ -1,48 +1,48 @@
-@include export-module('co-transaction-line-purchase-transport-layout') {
-  .co-transaction-line-purchase-transport {
-    .columns-wrapper {
-      display: flex;
-    }
-
-    .co-input-number-picker {
-      width: 80px;
-    }
-
-    .header-wrapper {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      margin: $tp-co-transaction-line-transport-title-margin;
-
-      .details-header {
-        font-size: $tp-co-transaction-line-transport-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;
-      }
-    }
-
-    .details-input {
-      margin: 5px;
-    }
-
-    .disabled {
-      cursor: default;
-      opacity: 0.6;
-    }
-    .clickable {
-      cursor: pointer;
-    }
-  }
-}
+@include export-module('co-transaction-line-purchase-transport-layout') {
+  .co-transaction-line-purchase-transport {
+    .columns-wrapper {
+      display: flex;
+    }
+
+    .co-input-number-picker {
+      width: 80px;
+    }
+
+    .header-wrapper {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin: $tp-co-transaction-line-transport-title-margin;
+
+      .details-header {
+        font-size: $tp-co-transaction-line-transport-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;
+      }
+    }
+
+    .details-input {
+      margin: 5px;
+    }
+
+    .disabled {
+      cursor: default;
+      opacity: 0.6;
+    }
+    .clickable {
+      cursor: pointer;
+    }
+  }
+}

package/lib/component/transaction-line-purchase-transport/style/_material-definition.scss

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

package/lib/component/transaction-line-purchase-transport/style/_theme.scss

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

package/lib/component/transaction-line-purchase-transport/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/style/_layout.scss

@@ -321,12 +321,13 @@
       font-weight: $tp-transaction-line-side-panel-header-font-weight;
     }
     .simple-grid-table {
-      table-layout: auto;
+      table-layout: fixed;
       .simple-grid-row {
         background: $tp-transaction-line-side-panel-simple-row-background;
         border-radius: $tp-transaction-line-side-panel-simple-row-border-radius;
         height: $tp-transaction-line-side-panel-simple-row-height;
         position: relative;
+        cursor: pointer;
         &.disabled {
           .icons-container {
             display: none;
@@ -336,6 +337,11 @@
           position: absolute;
           right: 0;
         }
+        &.selected {
+          .simple-grid-column-cell-field {
+            background: $tp-transaction-line-side-panel-simple-grid-selected-background;
+          }
+        }
       }
       .simple-grid-column-cell-field {
         border-width: $tp-transaction-line-side-panel-simple-grid-border-width;

package/lib/component/transaction-line-side-panel/style/_material-definition.scss

@@ -21,6 +21,7 @@ $tp-transaction-line-side-panel-simple-row-border-radius: 5px !default;
 $tp-transaction-line-side-panel-simple-row-height: 50px !default;
 $tp-transaction-line-side-panel-simple-grid-border-width: 0 !default;
 $tp-transaction-line-side-panel-simple-grid-background: #f8f8fa !default;
+$tp-transaction-line-side-panel-simple-grid-selected-background: #bad4f8 !default;
 $tp-transaction-line-side-panel-simple-grid-font-size: 10px !default;
 $tp-transaction-line-side-panel-simple-grid-padding: 5px !default;
 $tp-transaction-line-side-panel-simple-grid-border-radius: 0 !default;

package/lib/component/transaction-line-side-panel-internal-delivery/style/_layout.scss

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

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

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