mirror of
https://github.com/moodle/moodle.git
synced 2025-08-08 02:16:41 +02:00
MDL-66828 core: Add toast-style notifications
Part of MDL-66074
This commit is contained in:
parent
b253a4f21d
commit
224ea04e68
15 changed files with 135 additions and 1 deletions
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -39,6 +39,7 @@
|
|||
{{> theme_boost/head }}
|
||||
|
||||
<body {{{ bodyattributes }}}>
|
||||
{{> core/local/toast/wrapper}}
|
||||
|
||||
<div id="page-wrapper">
|
||||
|
||||
|
|
|
@ -51,6 +51,7 @@
|
|||
{{> theme_boost/head }}
|
||||
|
||||
<body {{{ bodyattributes }}}>
|
||||
{{> core/local/toast/wrapper}}
|
||||
|
||||
<div id="page-wrapper">
|
||||
|
||||
|
|
|
@ -42,6 +42,7 @@
|
|||
</head>
|
||||
|
||||
<body {{{ output.body_attributes }}}>
|
||||
{{> core/local/toast/wrapper}}
|
||||
|
||||
{{{ output.standard_top_of_body_html }}}
|
||||
<div id="page">
|
||||
|
|
|
@ -32,6 +32,7 @@
|
|||
{{> theme_boost/head }}
|
||||
|
||||
<body {{{ bodyattributes }}}>
|
||||
{{> core/local/toast/wrapper}}
|
||||
|
||||
<div id="page-wrapper">
|
||||
|
||||
|
|
|
@ -42,6 +42,7 @@
|
|||
</head>
|
||||
|
||||
<body {{{ output.body_attributes }}}>
|
||||
{{> core/local/toast/wrapper}}
|
||||
|
||||
<div id="page-wrapper">
|
||||
|
||||
|
|
|
@ -37,6 +37,7 @@
|
|||
{{> theme_boost/head }}
|
||||
|
||||
<body {{{ bodyattributes }}}>
|
||||
{{> core/local/toast/wrapper}}
|
||||
|
||||
<div id="page-wrapper">
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue