diff --git a/assets/js/plugins/KimaiAlert.js b/assets/js/plugins/KimaiAlert.js index 4e8e14b7..ad703cd1 100644 --- a/assets/js/plugins/KimaiAlert.js +++ b/assets/js/plugins/KimaiAlert.js @@ -44,7 +44,7 @@ export default class KimaiAlert extends KimaiPlugin { timer: 2000, timerProgressBar: true, toast: true, - position: 'top-end', + position: 'top', showConfirmButton: false, icon: 'success', title: message, diff --git a/assets/sass/sweetalert.scss b/assets/sass/sweetalert.scss index 56a71b4f..c04c3836 100644 --- a/assets/sass/sweetalert.scss +++ b/assets/sass/sweetalert.scss @@ -1,3 +1,15 @@ .swal2-popup { font-size: unset; -} \ No newline at end of file +} + +.swal2-container { + // never block the top two bars double-bars display (smaller displays) + @media only screen and (max-width: 768px) { + top: 110px !important; + } + + // never block the top bar on single-bar display (larger devices) + @media only screen and (min-width: 768px) { + top: 60px !important; + } +}