MDL-72952 reportbuilder: UX behaviour improvements in audiences

- Show a toast notification when saving an audience
- Add form change checker when adding a new audience to prevent user from navigating away if it is not saved
- Remove expand/collapse animation in audience sidebar to be consistent with editor

Co-authored-By: Paul Holden <paulh@moodle.com>
This commit is contained in:
Mikel Martín 2021-11-04 12:09:30 +01:00
parent 8af7bec81e
commit 5a2624c472
11 changed files with 86 additions and 57 deletions

View file

@ -117,14 +117,6 @@
@include reportbuilder-scrollbar;
}
/* Remove transition effects. */
.reportbuilder-wrapper .notransition {
-webkit-transition: none !important; /* stylelint-disable-line declaration-no-important */
-moz-transition: none !important; /* stylelint-disable-line declaration-no-important */
-o-transition: none !important; /* stylelint-disable-line declaration-no-important */
transition: none !important; /* stylelint-disable-line declaration-no-important */
}
/* Customreport settings */
.reportbuilder-sidebar-settings {
@include media-breakpoint-up(md) {

View file

@ -20678,17 +20678,6 @@ div.editor_atto_toolbar button .icon {
background-color: white;
border-left: 5px solid #fff; }
/* Remove transition effects. */
.reportbuilder-wrapper .notransition {
-webkit-transition: none !important;
/* stylelint-disable-line declaration-no-important */
-moz-transition: none !important;
/* stylelint-disable-line declaration-no-important */
-o-transition: none !important;
/* stylelint-disable-line declaration-no-important */
transition: none !important;
/* stylelint-disable-line declaration-no-important */ }
/* Customreport settings */
@media (min-width: 768px) {
.reportbuilder-sidebar-settings {

View file

@ -20624,17 +20624,6 @@ div.editor_atto_toolbar button .icon {
background-color: white;
border-left: 5px solid #fff; }
/* Remove transition effects. */
.reportbuilder-wrapper .notransition {
-webkit-transition: none !important;
/* stylelint-disable-line declaration-no-important */
-moz-transition: none !important;
/* stylelint-disable-line declaration-no-important */
-o-transition: none !important;
/* stylelint-disable-line declaration-no-important */
transition: none !important;
/* stylelint-disable-line declaration-no-important */ }
/* Customreport settings */
@media (min-width: 768px) {
.reportbuilder-sidebar-settings {