@colijnit/transaction 255.1.15 → 255.1.16

package/lib/component/core/base/components/transaction-header-block/style/_material-definition.scss

@@ -8,7 +8,7 @@ $tp-transaction-header-block-header-margin: 0 !default;
 $tp-transaction-header-block-header-min-height: 0px !default;
 
 $tp-transaction-header-block-content-divider-background: $tp-color-border !default;
-$tp-transaction-header-block-content-column-gap: 10px !default;
+$tp-transaction-header-block-content-column-gap: 15px !default;
 $tp-transaction-header-block-content-row-gap: 10px !default;
 
 $tp-transaction-header-block-width: auto !default;

package/lib/component/core/relation/customer-titles.component.d.ts

@@ -11,6 +11,7 @@ export declare class CustomerTitlesComponent implements ScreenConfigAdapterCompo
     modelChange: EventEmitter<number>;
     customerTitles: Title[];
     selectedCustomerTitle: Title;
+    fields: Object;
     private _model;
     constructor(_connector: TransactionConnectorService);
     objectConfigName: string;

package/lib/component/transaction-button-bar/style/_layout.scss

@@ -39,42 +39,6 @@
           opacity: 0.1;
         }
       }
-      .button-title {
-        position: absolute;
-        bottom: 100%;
-        left: 50%;
-        transform: translateX(-50%);
-        background-color: #333;
-        color: #fff;
-        padding: 5px 10px;
-        border-radius: 5px;
-        font-size: 14px;
-        white-space: nowrap;
-        opacity: 0;
-        visibility: hidden;
-        transition: opacity 0.3s ease, transform 0.3s ease;
-        transform: translateX(-50%) translateY(10px) scale(0.95);
-        z-index: 99;
-        &:after {
-          content: '';
-          position: absolute;
-          top: 100%;
-          left: 50%;
-          transform: translateX(-50%);
-          border-width: 5px;
-          border-style: solid;
-          border-color: #333 transparent transparent transparent;
-        }
-      }
-      &:hover {
-        .button-title {
-          visibility: visible;
-          opacity: 1;
-          transform: translateX(-50%) translateY(0) scale(1);
-          transition-delay: 1s;
-          color: #FFF !important;
-        }
-      }
     }
     .button-wrapper {
       //height: $tp-co-transaction-button-bar-button-size;

package/lib/component/transaction-button-bar/style/_material-definition.scss

@@ -1,6 +1,6 @@
 $tp-co-transaction-button-bar-font-family: $tp-font-family !default;
 $tp-co-transaction-button-bar-font-size: $tp-font-size !default;
-$tp-co-transaction-button-bar-button-max-width: 40px !default;
+$tp-co-transaction-button-bar-button-max-width: 55px !default;
 $tp-co-transaction-button-bar-button-size: 65px !default;
 $tp-co-transaction-button-bar-button-background-color: white !default;
 $tp-co-transaction-button-bar-button-border-radius: $tp-default-border-radius !default;
@@ -10,5 +10,5 @@ $tp-co-transaction-button-bar-button-selected-box-border: none !default;
 $tp-co-transaction-button-bar-button-selected-icon-color: $tp-color-action !default;
 $tp-co-transaction-button-bar-icon-color: $tp-color-font !default;
 $tp-co-transaction-button-bar-icon-size: 20px !default;
-$tp-co-transaction-button-bar-icon-margin: 0 0 5px 0 !default;
+$tp-co-transaction-button-bar-icon-margin: 5px 0 5px 0 !default;
 $tp-co-transaction-button-bar-label-font-size: $tp-font-size-small !default;

package/lib/component/transaction-header/transaction-header-order/style/_layout.scss

@@ -4,6 +4,9 @@
   .co-transaction-header-order {
     display: flex;
     justify-content: flex-end;
+    &.purchase-order-header {
+      justify-content: center;
+    }
     .transaction-header-order-dialog {
       .co-transaction-header-block {
         padding: 4px 0;

package/lib/component/transaction-internal/style/_layout.scss

@@ -70,7 +70,7 @@
       padding: $tp-transaction-transaction-lines-header-padding;
       flex-wrap: nowrap;
       margin: 0 0 30px 0;
-      border-bottom: 5px solid #F4F4F9;
+      border: none;
       .transaction-lines-header-item {
         flex-basis: 33%;
         &.right {

package/lib/component/transaction-service-overview/style/_layout.scss

@@ -59,10 +59,20 @@
         gap: 10px;
         width: 95%;
         height: 100%;
-        .co-component-activity-list {
+        .activity-list-component-wrapper {
           padding: 0 0 15px 0;
           margin: 0 0 15px 0;
           border-bottom: 5px solid #F4F4F9;
+          .co-component-activity-list {
+            padding: 0;
+            margin: 0;
+          }
+          .activity-list-content {
+            height: auto;
+            .activity-tab-content {
+              overflow: visible;
+            }
+          }
         }
         .co-activity-list {
           padding-bottom: 20px;
@@ -85,10 +95,34 @@
               .co-input-text {
                 height: 100%;
               }
+              .co-input-textarea {
+                .input-textarea-wrapper {
+                  height: 100%;
+                }
+                &:before {
+                  box-shadow: none;
+                }
+                textarea {
+                  height: 100%;
+                  margin: 0;
+                  padding: 0;
+                }
+                &.cc-input-focused {
+                  &:before {
+                    box-shadow: inset 0 0 0 1px #1A73E8;
+                  }
+                  textarea {
+                    margin: 15px 0 0 0;
+                    padding: 0 0 5px 10px;
+                  }
+
+                }
+              }
             }
             .service-label {
               font-size: 12px;
-              font-weight: bold;
+              font-weight: 500;
+              color: #8083A3;
             }
           }
 
@@ -114,8 +148,9 @@
                   }
                 }
                 .description {
-                  font-weight: bold;
+                  font-weight: 500;
                   font-size: 12px;
+                  color: #8083A3;
                 }
               }
               .tile {
@@ -159,7 +194,11 @@
           }
           .overview-wrapper-labels {
             .activity-title {
-              font-size: 14px;
+              font-size: 12px;
+              padding: 5px 15px;
+              border-radius: 5px;
+              background: #5FDCB366;
+              border: 1px solid #5FDCB3;
             }
             .activity-context-title {
               font-size: 12px;
@@ -169,15 +208,32 @@
             background: transparent;
             box-shadow: none;
             padding: 0;
+            margin-bottom: 15px;
             &:hover {
               background: transparent;
             }
-            .button-trigger, .button-trigger-icon {
-              background-color: #98EEDA66;
+            .overview-wrapper-date {
+              .date-wrapper {
+                align-items: center;
+              }
+            }
+            .button-trigger, .button-trigger-icon  {
+              background-color: #FFFFFF;
               border: 1px solid #5FDCB3;
-              height: 27px;
-              padding: 5px 25px;
+              height: auto;
+              padding: 5px 15px;
               cursor: pointer;
+              span {
+                font-size: 10px;
+                color: #5FDCB3;
+                font-weight: bold;
+              }
+              .co-icon {
+                height: 10px;
+                svg [fill] {
+                  fill: #5FDCB3;
+                }
+              }
             }
           }
         }

package/lib/enum/icon.enum.d.ts

@@ -122,6 +122,7 @@ export declare enum Icon {
     ThickLines = "thick_lines",
     ThinLines = "thin_lines",
     Toolbox = "toolbox",
+    ToolboxRegular = "toolbox_regular",
     TrashBin = "trash_bin",
     TrashCanLight = "trash_can_light",
     TriangleDown = "triangle_down",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/transaction",
-  "version": "255.1.15",
+  "version": "255.1.16",
   "description": "Colijn IT transaction module for Angular 12",
   "repository": "npm/npm",
   "author": "Colijn IT",
@@ -19,7 +19,7 @@
     "@colijnit/relation": ">=255.1.2",
     "@colijnit/relationapi": ">=255.1.1",
     "@colijnit/sharedapi": ">=1.0.20",
-    "@colijnit/sharedcomponents": ">=255.1.6",
+    "@colijnit/sharedcomponents": ">=255.1.7",
     "@colijnit/transactionapi": ">=255.1.6",
     "@types/three": ">=0.125.0",
     "@tweenjs/tween.js": ">=17.2.0",