@colijnit/sharedcomponents 255.1.8 → 255.1.10

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 (23) hide show
  1. package/bundles/colijnit-sharedcomponents.umd.js +8 -7
  2. package/bundles/colijnit-sharedcomponents.umd.js.map +1 -1
  3. package/colijnit-sharedcomponents.metadata.json +1 -1
  4. package/esm2015/lib/components/activity-overview-component/component-activity-overview.component.js +2 -2
  5. package/esm2015/lib/components/modify-task-form/components/creation-summary-block/creation-summary-block.component.js +5 -3
  6. package/esm2015/lib/components/modify-task-form/components/status-summary-block/status-summary-block.component.js +7 -7
  7. package/esm2015/lib/components/modify-task-form/modify-task-form.component.js +14 -12
  8. package/esm2015/lib/components/open-activity-list/component-activity-list.component.js +2 -2
  9. package/esm2015/lib/components/task-modifyer/task-modifier.component.js +22 -16
  10. package/esm2015/lib/components/task-modifyer/task-modifyer.module..js +4 -3
  11. package/fesm2015/colijnit-sharedcomponents.js +48 -37
  12. package/fesm2015/colijnit-sharedcomponents.js.map +1 -1
  13. package/index.html +2 -2
  14. package/lib/components/modify-task-form/components/activity-summary-block/style/_layout.scss +8 -0
  15. package/lib/components/modify-task-form/components/creation-summary-block/style/_layout.scss +8 -1
  16. package/lib/components/modify-task-form/components/status-summary-block/style/_layout.scss +6 -3
  17. package/lib/components/modify-task-form/components/task-details/style/_layout.scss +3 -0
  18. package/lib/components/open-activity-list/style/_layout.scss +25 -4
  19. package/lib/components/send-method-dialog/style/_layout.scss +1 -1
  20. package/{main.d0249f34b89d4e820129.js → main.931714f0ac27b7915073.js} +1 -1
  21. package/package.json +2 -2
  22. package/styles.57c23ba3573224ff8f2a.css +1 -0
  23. package/styles.5648bca110e9e1584719.css +0 -1
package/index.html CHANGED
@@ -4,9 +4,9 @@
4
4
  <base href="/">
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1">
6
6
  <link rel="icon" type="image/x-icon" href="favicon.ico">
7
- <style>@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Public+Sans:wght@100;200;300;400;500;600;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Public+Sans&display=swap);body,html{margin:0;overflow:hidden}body,html{width:100%;height:100%}*{box-sizing:border-box;padding:0;margin:0}</style><link rel="stylesheet" href="styles.5648bca110e9e1584719.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.5648bca110e9e1584719.css"></noscript></head>
7
+ <style>@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Public+Sans:wght@100;200;300;400;500;600;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Public+Sans&display=swap);body,html{margin:0;overflow:hidden}body,html{width:100%;height:100%}*{box-sizing:border-box;padding:0;margin:0}</style><link rel="stylesheet" href="styles.57c23ba3573224ff8f2a.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.57c23ba3573224ff8f2a.css"></noscript></head>
8
8
  <body>
9
9
  <app-root></app-root>
10
- <script src="runtime.8aac21847ed3d3829cca.js" defer></script><script src="polyfills.907fe9d1887c5de17993.js" defer></script><script src="main.d0249f34b89d4e820129.js" defer></script>
10
+ <script src="runtime.8aac21847ed3d3829cca.js" defer></script><script src="polyfills.907fe9d1887c5de17993.js" defer></script><script src="main.931714f0ac27b7915073.js" defer></script>
11
11
 
12
12
  </body></html>
@@ -67,6 +67,14 @@
67
67
  left: 50%;
68
68
  transform: translateX(-50%);
69
69
  }
70
+ .template-wrapper {
71
+ & > * {
72
+ display: flex;
73
+ flex-direction: column;
74
+ gap: 5px;
75
+ }
76
+
77
+ }
70
78
  }
71
79
 
72
80
  .content-wrapper {
@@ -1,5 +1,12 @@
1
1
  @include export-module('co-creation-summary-block') {
2
2
  .co-creation-summary-block {
3
-
3
+ .creation-summary-date-wrapper {
4
+ display: flex;
5
+ gap: 10px;
6
+ align-items: center;
7
+ & > * {
8
+ flex: 1;
9
+ }
10
+ }
4
11
  }
5
12
  }
@@ -1,9 +1,12 @@
1
1
  @include export-module('co-status-summary-block-layout') {
2
2
  .co-status-summary-block {
3
3
  .status-summary-date-wrapper {
4
- display: grid;
5
- grid-column-gap: 2px;
6
- grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
4
+ display: flex;
5
+ gap: 5px;
6
+ align-items: center;
7
+ & > * {
8
+ flex: 1;
9
+ }
7
10
  }
8
11
 
9
12
  ::ng-deep #status_summary_block_edit_template {
@@ -18,6 +18,9 @@
18
18
  width: 100%;
19
19
  }
20
20
  .details-wrapper {
21
+ display: flex;
22
+ flex-direction: column;
23
+ gap: 5px;
21
24
  ::ng-deep co-input-textarea {
22
25
  textarea {
23
26
  min-height: 150px;
@@ -10,10 +10,31 @@
10
10
  flex-direction: column;
11
11
  column-gap: 5px;
12
12
  .co-dialog {
13
- .co-dialog-overlay {
14
- min-height: auto;
15
- height: auto;
16
- width: auto;
13
+ .co-dialog-wrapper {
14
+ max-width: 600px;
15
+ }
16
+ .header-title-wrapper {
17
+ display: flex;
18
+ align-items: center;
19
+ gap: 10px;
20
+ .co-icon {
21
+ width: 20px;
22
+ height: 20px;
23
+ }
24
+ }
25
+ .task-column {
26
+ display: flex;
27
+ flex-direction: column;
28
+ gap: 5px;
29
+ margin-top: 15px;
30
+ }
31
+ .marked-time-wrapper {
32
+ margin-bottom: 15px;
33
+ }
34
+ .co-input-text, .co-list-of-values, .co-input-textarea {
35
+ &:before {
36
+ box-shadow: none;
37
+ }
17
38
  }
18
39
  }
19
40
  }
@@ -24,7 +24,7 @@
24
24
  .co-icon {
25
25
  width: 20px;
26
26
  height: 20px;
27
- margin: 0 0 20px 0;
27
+ margin: 0;
28
28
  }
29
29
  }
30
30
  .dialog-content-wrapper {