@colijnit/transaction 255.1.19 → 255.1.20

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.
@@ -17,7 +17,7 @@
17
17
  .transaction-line-checkbox {
18
18
  place-self: center;
19
19
  position: relative;
20
- z-index: 99;
20
+ z-index: 9;
21
21
  left: 5px;
22
22
  }
23
23
  .hidden {
@@ -40,6 +40,11 @@
40
40
  margin: 0 0 10px 0;
41
41
  position: relative;
42
42
  border-bottom: 5px solid #F4F4F9;
43
+ &.articles {
44
+ border-bottom: none;
45
+ padding: 0;
46
+ margin: 0;
47
+ }
43
48
  .vertical-line {
44
49
  width: 1px;
45
50
  height: 20px;
@@ -60,12 +60,24 @@
60
60
  width: 95%;
61
61
  height: 100%;
62
62
  .activity-list-component-wrapper {
63
- padding: 0 0 15px 0;
64
- margin: 0 0 15px 0;
65
- border-bottom: 5px solid #F4F4F9;
63
+ padding: 0;
64
+ margin: 0;
65
+ display: flex;
66
+ align-items: flex-start;
67
+ gap: 60px;
68
+ .activity-task-creator-wrapper {
69
+ flex: 1;
70
+ }
71
+ .activity-list-conv-wrapper {
72
+ flex: 1;
73
+ padding-left: 60px;
74
+ .activity-display {
75
+ max-width: 800px;
76
+ width: 100%;
77
+ }
78
+ }
66
79
  .co-component-activity-list {
67
80
  padding: 0;
68
- margin: 0;
69
81
  }
70
82
  .activity-list-content {
71
83
  height: auto;
@@ -154,9 +166,8 @@
154
166
  }
155
167
  }
156
168
  .tile {
157
- padding: 10px;
158
- border-radius: 5px;
159
- border: 1px solid #CCCCCC;
169
+ padding: 0;
170
+ border: none;
160
171
  height: 100%;
161
172
  .info {
162
173
  max-width: 100px;
@@ -167,17 +178,26 @@
167
178
  -webkit-box-orient: vertical;
168
179
  overflow: hidden;
169
180
  text-overflow: ellipsis;
181
+ display: none;
170
182
  }
171
183
  }
172
184
  .trash {
173
- width: 20px;
174
- height: 20px;
175
- padding: 2px;
185
+ width: 15px;
186
+ height: 15px;
187
+ padding: 0;
188
+ background: none;
189
+ top: 5px;
190
+ right: 5px;
191
+ display: none;
192
+ }
193
+ &:hover {
194
+ .trash {
195
+ display: block;
196
+ }
176
197
  }
177
198
  }
178
199
  }
179
200
  }
180
-
181
201
  .image-display {
182
202
  width: 20%;
183
203
  }
@@ -189,17 +209,11 @@
189
209
  justify-content: center;
190
210
  }
191
211
  .co-component-activity-list {
212
+ margin: 0 0 15px 0;
192
213
  .collapsible-header {
193
214
  display: none;
194
215
  }
195
216
  .overview-wrapper-labels {
196
- .activity-title {
197
- font-size: 12px;
198
- padding: 5px 15px;
199
- border-radius: 5px;
200
- background: #5FDCB366;
201
- border: 1px solid #5FDCB3;
202
- }
203
217
  .activity-context-title {
204
218
  font-size: 12px;
205
219
  }
@@ -217,23 +231,8 @@
217
231
  align-items: center;
218
232
  }
219
233
  }
220
- .button-trigger, .button-trigger-icon {
221
- background-color: #FFFFFF;
222
- border: 1px solid #5FDCB3;
223
- height: auto;
224
- padding: 5px 15px;
225
- cursor: pointer;
226
- span {
227
- font-size: 10px;
228
- color: #5FDCB3;
229
- font-weight: bold;
230
- }
231
- .co-icon {
232
- height: 10px;
233
- svg [fill] {
234
- fill: #5FDCB3;
235
- }
236
- }
234
+ .overview-main {
235
+ max-width: 500px;
237
236
  }
238
237
  }
239
238
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@colijnit/transaction",
3
- "version": "255.1.19",
3
+ "version": "255.1.20",
4
4
  "description": "Colijn IT transaction module for Angular 12",
5
5
  "repository": "npm/npm",
6
6
  "author": "Colijn IT",
@@ -19,7 +19,7 @@
19
19
  "@colijnit/relation": ">=255.1.2",
20
20
  "@colijnit/relationapi": ">=255.1.1",
21
21
  "@colijnit/sharedapi": ">=1.0.20",
22
- "@colijnit/sharedcomponents": ">=255.1.10",
22
+ "@colijnit/sharedcomponents": ">=255.1.13",
23
23
  "@colijnit/transactionapi": ">=255.1.9",
24
24
  "@types/three": ">=0.125.0",
25
25
  "@tweenjs/tween.js": ">=17.2.0",