npm - @colijnit/sharedcomponents - Versions diffs - 300.1.10 → 300.1.12 - Mend

@colijnit/sharedcomponents 300.1.10 → 300.1.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/lib/components/activity-modifier/style/_layout.scss ADDED Viewed

@@ -0,0 +1,36 @@
+@include export-module('co-activity-modifier-layout') {
+  .co-activity-modifier {
+    .co-dialog-wrapper {
+      max-width: 600px;
+      height: 650px;
+      max-height: 300px;
+    }
+    .dialog-header {
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+      align-items: center;
+      font-size: 16px;
+      padding: 0;
+      .header-title-wrapper {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        .co-icon {
+          width: 20px;
+          height: 20px;
+        }
+      }
+    }
+    .work-wrapper {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+      .double-column {
+        display: flex;
+        gap: 10px;
+        max-width: 100%;
+      }
+    }
+  }
+}

package/lib/components/activity-modifier/style/_material-definition.scss ADDED Viewed

File without changes

package/lib/components/activity-modifier/style/_theme.scss ADDED Viewed

@@ -0,0 +1,5 @@
+@include export-module('co-activity-task-form-theme') {
+  .co-modify-task-form {
+  }
+}

package/lib/components/activity-modifier/style/material.scss ADDED Viewed

@@ -0,0 +1,4 @@
+@import "../../../style/mixin";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

package/lib/components/activity-overview-component/style/_layout.scss CHANGED Viewed

@@ -202,6 +202,14 @@
           align-items: center;
           gap: 15px;
         }
+        .label {
+          margin: 0;
+          display: -webkit-box;
+          -webkit-line-clamp: 2;
+          -webkit-box-orient: vertical;
+          overflow: hidden;
+          text-overflow: ellipsis;
+        }
       }
     }
   }

package/lib/components/activity-timeline/style/_layout.scss CHANGED Viewed

@@ -12,6 +12,12 @@
       cursor: pointer;
       display: flex;
       gap: 10px;
+      .worked-time {
+        display: flex;
+        gap: 3px;
+        align-items: center;
+        font-size: 10px;
+      }
       .has-documents-leaf {
         position: relative;
         .amount-documents {
@@ -35,6 +41,7 @@
         font-size: $leaf-header-font-size;
       }
       .leaf-body {
+        min-height: 30px;
         .trigger-wrapper {
           display: flex;
           gap: $leaf-trigger-wrapper-gap;

package/lib/components/modify-task-form/components/notification-summary-block/style/_layout.scss CHANGED Viewed

@@ -1,172 +1,22 @@
-@include export-module('co-executive-summary-block-layout') {
-  .co-executive-summary-block {
-    .value {
-      flex-wrap: wrap;
-    }
-    .notification-email {
+@include export-module('co-notification-summary-block-layout') {
+  .co-notification-summary-block {
+    .activity-summary-block-edit-template {
       display: flex;
-      flex-shrink: 0;
-      background: $color_border;
-      margin: 0 2px 2px 0;
-      padding: 5px;
-      border-radius: 5px;
-    }
-    height: auto;
-    display: flex;
-    flex-direction: column;
-    &:not(.no-border) {
-      border: 1px solid $color_border;
-    }
-    .left-seperator {
-      &:before {
-        content: "|";
-        margin: 0 10px;
-      }
-    }
-    .shrink-to-fit {
-      display: flex;
-      flex-shrink: 0;
-    }
-    svg {
       width: 100%;
-      height: 100%;
-    }
-    .image-display {
-      height: $block_content_height;
-      width: $block_content_height;
-      span {
-        display: none;
-      }
-      .icon-wrapper {
-        display: flex;
-        flex-shrink: 0;
-        align-items: center;
-        justify-content: center;
-        background: #F8FBFA;
-        height: $block_content_height;
-        width: $block_content_height;
-        border-radius: 50%;
-        border: 1px solid $color_border;
-        overflow: hidden;
-        .co-icon {
-          height: 60px;
-          width: 60px;
-          flex-shrink: 0;
-        }
-        &.small {
-          height: 50px;
-          width: 50px;
-          .co-icon {
-            height: 40px;
-            width: 40px;
+      flex-direction: column;
+      justify-content: space-between;
+      z-index: 9000;
+      max-height: 100%;
+      co-button {
+        &.send-email {
+          &.done, &.disabled {
+            opacity: 0.5;
+            pointer-events: none;
           }
-        }
-      }
-      .block-wrapper {
-        position: relative;
-        display: flex;
-        align-items: center;
-        .expandable-wrapper {
-          position: absolute;
-          bottom: 0;
-          left: 50%;
-          transform: translateX(-50%);
-        }
-      }
-      .content-wrapper {
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        margin-left: 10px;
-        min-height: $block_content_height;
-        height: auto;
-        width: 100%;
-      }
-      .value {
-        font-size: 13px;
-        font-weight: bold;
-        color: $color-dark;
-        align-items: center;
-      }
-      .title {
-        font-size: 11px;
-        line-height: 13px;
-        color: $color-label;
-      }
-      .activity-summary-block-edit-template {
-        display: flex;
-        width: 100%;
-        flex-direction: column;
-        justify-content: space-between;
-        z-index: 9000;
-        max-height: 100%;
-        .template-wrapper {
-          margin-bottom: 10px;
-        }
-        .co-form {
-          co-list-of-values {
-            margin-bottom: 5px;
-            &:before {
-              box-shadow: none;
-            }
+          &.done {
+            background: #0f9402;
           }
         }
-        .title-wrapper {
-          align-items: center;
-          margin-bottom: 10px;
-        }
-        h3:not(.no-margin) {
-          margin-top: 25px;
-        }
-      }
-      .collapseable-wrapper {
-        padding: 10px;
-        border-bottom: 1px solid $color_border;
-      }
-      .input-date-window {
-        z-index: 9001;
-      }
-      .initial {
-        position: initial;
-      }
-      .center {
-        justify-content: center;
-      }
-      .planning-row {
-        display: flex;
-        flex-direction: row;
-        gap: 5px;
-        align-items: flex-start;
       }
     }
   }

package/lib/components/modify-task-form/style/_theme.scss CHANGED Viewed

@@ -1,5 +1,5 @@
-@include export-module('co-modify-task-form-theme') {
-  .co-modify-task-form {
+@include export-module('co-activity-modifier-theme') {
+  .co-activity-modifier {
   }
 }

package/lib/components/search-presets/search-preset-overview-dialog-component/style/_layout.scss CHANGED Viewed

@@ -1,20 +1,8 @@
 @include export-module('cc-search-preset-overview-dialog-layout') {
   .co-search-preset-overview-dialog {
-    .co-dialog:not(.is-mobile)::ng-deep .co-dialog-wrapper::ng-deep {
-      display: flex;
-      width: 50%;
-      height: 200px;
-    }
-    #search-preset-overview-dialog:not(.is-mobile)::ng-deep.co-dialog-wrapper::ng-deep {
-      width: 600px;
-      min-height: 200px;
-      max-height: 500px;
-      .header {
-        padding: 1em;
-        font-size: 14px;
-        font-weight: bold;
-      }
+    .co-dialog-wrapper {
+      max-width: 800px;
+      height: 600px;
     }
   }
 }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/sharedcomponents",
-  "version": "300.1.10",
+  "version": "300.1.12",
   "private": false,
   "dependencies": {
     "chart.js": "4.3.0",