Skip to content

Commit b350af6

Browse files
ozgeMendixozgeMendix
authored
Merge pull request #62 from mendix/release/3.12.0
Workflow Commons 3.12.0
2 parents d11418f + c546a7f commit b350af6

16 files changed

+246
-9
lines changed

‎ReleaseNotes.md‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,11 @@
1+
## Release 3.12.0
2+
3+
* We upgraded the module to Mendix 10.17.0
4+
* We updated Data Widgets module compatibility to v2.28.1
5+
* We fixed an issue where the `Reason` field was not displayed for `Paused` workflow instances after locking a workflow definition. We updated the conditional visibility to show the `Reason` field if available, regardless of the workflow state.
6+
* We fixed an issue where switching between the `Minimal`, `Default` and `All` views did not work correctly for the Audit Trail.
7+
* We added compatibility for changes in the System module that were introduced with Mendix 10.17.0
8+
19
## Release 3.11.0
210

311
* We added 'Manage task assignments' page. This page provides the workflow administrator the ability to manage the assignment and targeting of user tasks based on a selected user. This is typically done when a user is leaving the organization or a group/role.

‎Releases/WorkflowCommons-3-12-0.mpk‎

2.47 MB
Binary file not shown.

‎Source/ExpenseRequestStarterApp.mpr‎

-716 KB
Binary file not shown.

‎Source/themesource/datawidgets/.version‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
2.26.0
1+
2.28.1

‎Source/themesource/datawidgets/web/_datagrid-filters.scss‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -88,7 +88,7 @@ $dg-item-min-height: 32px;
8888

8989
&.filter-selected {
9090
background-color: var(--gray-lighter, $dg-hover-color);
91-
color: var(--brand-primary, $brand-primary);
91+
color: var(--brand-primary, $dg-brand-primary);
9292
}
9393

9494
&:hover,
@@ -122,7 +122,7 @@ $dg-item-min-height: 32px;
122122

123123
&.filter-selected {
124124
background-color: var(--gray-lighter, $dg-hover-color);
125-
color: var(--brand-primary, $brand-primary);
125+
color: var(--brand-primary, $dg-brand-primary);
126126
}
127127

128128
&:hover,
@@ -153,7 +153,7 @@ $dg-item-min-height: 32px;
153153

154154
&.filter-selected {
155155
background-color: var(--gray-lighter, $dg-hover-color);
156-
color: var(--brand-primary, $brand-primary);
156+
color: var(--brand-primary, $dg-brand-primary);
157157
}
158158

159159
&:hover,
@@ -254,7 +254,7 @@ $dg-item-min-height: 32px;
254254

255255
&.filter-selected {
256256
background-color: var(--gray-lighter, $dg-hover-color);
257-
color: var(--brand-primary, $brand-primary);
257+
color: var(--brand-primary, $dg-brand-primary);
258258
}
259259

260260
&:hover,

‎Source/themesource/datawidgets/web/_datagrid.scss‎

Lines changed: 118 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
@import "export-alert";
2+
@import "export-progress";
3+
@import "pseudo-modal";
4+
15
$dg-background-color: #fff;
26
$dg-icon-color: #606671;
37
$dg-icon-size: 14px;
@@ -16,6 +20,7 @@ $dg-grid-border-color: #ced0d3;
1620
$dg-brand-primary: #264ae5;
1721
$dg-brand-light: #e6eaff;
1822
$dg-grid-selected-row-background: $dg-brand-light;
23+
$dg-skeleton-background: linear-gradient(90deg, rgba(194, 194, 194, 0.2) 0%, #d2d2d2 100%);
1924

2025
.table {
2126
position: relative;
@@ -399,17 +404,126 @@ $dg-grid-selected-row-background: $dg-brand-light;
399404
}
400405

401406
.widget-datagrid {
407+
position: relative;
408+
402409
&.widget-datagrid-selection-method-click {
403410
.tr.tr-selected .td {
404411
background-color: $dg-grid-selected-row-background;
405412
}
406413
}
414+
415+
.th.widget-datagrid-col-select,
416+
.td.widget-datagrid-col-select {
417+
align-items: center;
418+
}
419+
420+
&-exporting {
421+
.widget-datagrid-top-bar,
422+
.widget-datagrid-header,
423+
.widget-datagrid-content,
424+
.widget-datagrid-footer {
425+
visibility: hidden;
426+
427+
* {
428+
transition: unset;
429+
}
430+
}
431+
}
432+
433+
&-col-select input:focus-visible {
434+
outline-offset: 0;
435+
}
436+
437+
&-content {
438+
overflow-y: auto;
439+
}
440+
441+
&-loader-container {
442+
align-items: center;
443+
background-color: rgba(255, 255, 255, 1);
444+
display: flex;
445+
height: 400px;
446+
justify-content: center;
447+
}
448+
449+
&-skeleton,
450+
&-spinner {
451+
align-content: center;
452+
align-items: center;
453+
display: flex;
454+
flex-direction: row;
455+
flex-wrap: nowrap;
456+
overflow: hidden;
457+
}
458+
459+
&-skeleton {
460+
padding: 6px var(--dropdown-outer-padding, 10px);
461+
462+
&-loader {
463+
animation: skeleton-loading 1s linear infinite alternate;
464+
background: var(--dg-skeleton-background, $dg-skeleton-background);
465+
background-size: 300% 100%;
466+
border-radius: 4px;
467+
height: 16px;
468+
width: 148px;
469+
470+
&-small {
471+
margin-right: 8px;
472+
width: 16px;
473+
}
474+
}
475+
}
476+
477+
&-spinner {
478+
justify-content: center;
479+
width: 100%;
480+
481+
&-margin {
482+
margin: 52px 0;
483+
}
484+
485+
&-loader {
486+
--widget-combobox-spinner-loader: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
487+
animation: rotate 1s infinite linear;
488+
aspect-ratio: 1;
489+
background: var(--brand-primary, $dg-brand-primary);
490+
border-radius: 50%;
491+
mask: var(--widget-combobox-spinner-loader);
492+
mask-composite: subtract;
493+
494+
&-large {
495+
height: 48px;
496+
padding: 7px;
497+
width: 48px;
498+
}
499+
&-medium {
500+
height: 24px;
501+
padding: 3.5px;
502+
width: 24px;
503+
}
504+
505+
&-small {
506+
height: 16px;
507+
padding: 2.3px;
508+
width: 16px;
509+
}
510+
}
511+
}
407512
}
408513

409-
.widget-datagrid-col-select input:focus-visible {
410-
outline-offset: 0;
514+
.widget-datagrid .widget-datagrid-load-more {
515+
display: block !important;
516+
margin: 0 auto;
411517
}
412518

413-
.widget-datagrid-content {
414-
overflow-y: auto;
519+
@keyframes skeleton-loading {
520+
0% {
521+
background-position: right;
522+
}
523+
}
524+
525+
@keyframes rotate {
526+
to {
527+
transform: rotate(1turn);
528+
}
415529
}

‎Source/themesource/datawidgets/web/_export-alert.scss‎

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
$brand-primary: #264ae5 !default;
2+
3+
.widget-datagrid-export-alert {
4+
background-color: rgba(255, 255, 255, 1);
5+
border-radius: 4px;
6+
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
7+
display: flex;
8+
flex-direction: column;
9+
padding: 54px;
10+
min-width: 200px;
11+
max-width: 378px;
12+
width: 100%;
13+
position: relative;
14+
15+
&-cancel {
16+
position: absolute;
17+
top: 10px;
18+
right: 10px;
19+
20+
// TODO: Hover styles
21+
&.btn {
22+
display: flex;
23+
padding: 4px;
24+
&:focus-visible {
25+
outline: 1px solid $brand-primary;
26+
}
27+
}
28+
}
29+
30+
&-message {
31+
color: rgba(38, 74, 229, 1);
32+
font-size: 18px;
33+
font-weight: 700;
34+
display: flex;
35+
flex-direction: column;
36+
justify-content: center;
37+
align-items: center;
38+
}
39+
40+
&-failed {
41+
.widget-datagrid-export-progress-indicator {
42+
background-color: rgba(227, 63, 78, 1);
43+
}
44+
}
45+
}

‎Source/themesource/datawidgets/web/_export-progress.scss‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
.widget-datagrid-export-progress {
2+
align-items: center;
3+
background-color: rgba(240, 241, 242, 1);
4+
border-radius: 4px;
5+
display: flex;
6+
height: 18px;
7+
overflow: hidden;
8+
position: relative;
9+
transform: translateZ(0);
10+
width: 100%;
11+
12+
&-indicator {
13+
background-color: rgba(38, 74, 229, 1);
14+
border-radius: 4px;
15+
height: 17px;
16+
transition: transform 100ms cubic-bezier(0.65, 0, 0.35, 1);
17+
width: 100%;
18+
}
19+
20+
&-indicator-indeterminate {
21+
animation: indeterminateAnimation 1s infinite linear;
22+
transform-origin: 0% 50%;
23+
transition: none;
24+
}
25+
}
26+
27+
@keyframes indeterminateAnimation {
28+
0% {
29+
transform: translateX(0) scaleX(0);
30+
}
31+
40% {
32+
transform: translateX(0) scaleX(0.4);
33+
}
34+
100% {
35+
transform: translateX(100%) scaleX(0.5);
36+
}
37+
}

‎Source/themesource/datawidgets/web/_pseudo-modal.scss‎

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
.widget-datagrid-modal {
2+
&-overlay {
3+
animation: fade-in 300ms cubic-bezier(0.16, 1, 0.3, 1);
4+
background-color: rgba(128, 128, 128, 0.5);
5+
position: absolute;
6+
top: 0;
7+
right: 0;
8+
bottom: 0;
9+
left: 0;
10+
z-index: 50;
11+
}
12+
13+
&-main {
14+
position: absolute;
15+
top: 0;
16+
left: 0;
17+
right: 0;
18+
height: 100%;
19+
display: flex;
20+
align-items: center;
21+
justify-content: center;
22+
z-index: 55;
23+
}
24+
}
25+
26+
@keyframes fade-in {
27+
from {
28+
opacity: 0;
29+
}
30+
to {
31+
opacity: 1;
32+
}
33+
}

‎Source/widgets/com.mendix.widget.web.Datagrid.mpk‎

844 Bytes
Binary file not shown.

0 commit comments

Comments
 (0)