mirrors/easyappointments
1
0
Fork 1
mirror of https://github.com/alextselegidis/easyappointments.git synced 2024-11-10 10:02:33 +03:00
Code Issues Projects Releases Packages Wiki Activity

Backend notification functionality and styling.

Browse source
This commit is contained in:
Alex Tselegidis 2022-01-17 21:19:17 +01:00
parent 6589e4e5c8
commit 777d15423c
2 changed files with 11 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
assets/css/layouts/backend_layout.scss
View file

@ -83,22 +83,23 @@ root {
margin-right: 15px;
}
#notification .alert button {
#notification .alert button:not(.btn-close) {
margin-right: 15px;
}
#notification .alert .btn-close {
margin-top: 5px;
}
#notification .alert {
margin-bottom: 0;
background-color: #f5e8a8;
color: #9e9980;
box-shadow: 1px 1px 1px #a0a0a0;
padding: 15px;
position: fixed;
z-index: 200;
right: 15px;
bottom: 15px;
min-width: 300px;
max-width: 750px;
}
#notification .close {

12
assets/js/layouts/backend_layout.js
View file

@ -73,15 +73,15 @@ window.App.Layouts.Backend = (function () {
$notification.empty();
const $instance = $('<div/>', {
'class': 'notification alert',
'class': 'notification alert alert-dismissible fade show',
'html': [
$('<strong/>', {
'html': message
}),
$('<button/>', {
'type': 'button',
'class': 'btn-close',
'data-dismiss': 'alert'
}),
$('<strong/>', {
'html': message
'data-bs-dismiss': 'alert'
})
]
}).appendTo($notification);
@ -93,7 +93,7 @@ window.App.Layouts.Backend = (function () {
'on': {
'click': action.function
}
}).appendTo($instance);
}).prependTo($instance);
});
$notification.show('fade');