MDL-66828 core: Add toast-style notifications

Part of MDL-66074
This commit is contained in:
Andrew Nicols 2019-10-03 09:39:39 +08:00 committed by Mathew May
parent b253a4f21d
commit 224ea04e68
15 changed files with 135 additions and 1 deletions

View file

@ -2286,7 +2286,6 @@ $switch-transition: .2s all !default;
float: right !important; /* stylelint-disable-line declaration-no-important */
}
// Emoji picker.
$picker-width: 350px !default;
$picker-width-xs: 320px !default;
@ -2370,3 +2369,9 @@ $picker-emojis-per-row: 7 !default;
}
}
}
.toast-wrapper {
max-width: $toast-max-width;
// Place these above any modals and other elements.
z-index: 1051;
}

View file

@ -11545,6 +11545,10 @@ div.editor_atto_toolbar button .icon {
.emoji-auto-complete .btn.btn-link.btn-icon.emoji-button.active, .emoji-auto-complete .btn.btn-icon.emoji-button.active, .emoji-auto-complete #page-grade-grading-manage .actions .btn-icon.emoji-button.active.action, #page-grade-grading-manage .actions .emoji-auto-complete .btn-icon.emoji-button.active.action, .emoji-auto-complete #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon.emoji-button.active, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .emoji-auto-complete input.btn-icon.emoji-button.active, .emoji-auto-complete #rubric-rubric.gradingform_rubric .btn-icon.emoji-button.active.addcriterion, #rubric-rubric.gradingform_rubric .emoji-auto-complete .btn-icon.emoji-button.active.addcriterion {
background-color: #e9ecef; }
.toast-wrapper {
max-width: 350px;
z-index: 1051; }
.icon {
font-size: 16px;
width: 16px;

View file

@ -39,6 +39,7 @@
{{> theme_boost/head }}
<body {{{ bodyattributes }}}>
{{> core/local/toast/wrapper}}
<div id="page-wrapper">

View file

@ -51,6 +51,7 @@
{{> theme_boost/head }}
<body {{{ bodyattributes }}}>
{{> core/local/toast/wrapper}}
<div id="page-wrapper">

View file

@ -42,6 +42,7 @@
</head>
<body {{{ output.body_attributes }}}>
{{> core/local/toast/wrapper}}
{{{ output.standard_top_of_body_html }}}
<div id="page">

View file

@ -32,6 +32,7 @@
{{> theme_boost/head }}
<body {{{ bodyattributes }}}>
{{> core/local/toast/wrapper}}
<div id="page-wrapper">

View file

@ -42,6 +42,7 @@
</head>
<body {{{ output.body_attributes }}}>
{{> core/local/toast/wrapper}}
<div id="page-wrapper">

View file

@ -37,6 +37,7 @@
{{> theme_boost/head }}
<body {{{ bodyattributes }}}>
{{> core/local/toast/wrapper}}
<div id="page-wrapper">