Commits

Yura authored and Yura Bondarenko committed dbbb19e37f5
Fix modal backdrop animation
No tags

src/styles/_global-styles.scss

Modified
52 52 left: auto;
53 53 width: calc(100% - 53px);
54 54 }
55 55
56 56 .ds-submission-reorder-dragging {
57 57 .ds-hint,
58 58 button {
59 59 display: none;
60 60 }
61 61 }
62 +
63 +ngb-modal-backdrop {
64 + // ng-bootsrap animates opacity, causing the fully opaque background to flash briefly before the transition starts
65 + // animating background-color between transparent & a RGBA color instead looks smoother
66 + &.fade {
67 + opacity: 1 !important;
68 + background-color: transparent;
69 + transition: background-color 0.15s linear;
70 +
71 + &.show {
72 + background-color: rgba(0, 0, 0, 0.5);
73 + }
74 + }
75 +}
76 +

Everything looks good. We'll let you know here if there's anything you should know about.

Add shortcut