diff --git a/typo3/sysext/backend/Resources/Public/JavaScript/FlashMessages.js b/typo3/sysext/backend/Resources/Public/JavaScript/FlashMessages.js index 9aae5ce26e41753b07293ba3f5e359e161c4f252..0dd3e722becbd2acd999a6645ec717be2b2fed81 100644 --- a/typo3/sysext/backend/Resources/Public/JavaScript/FlashMessages.js +++ b/typo3/sysext/backend/Resources/Public/JavaScript/FlashMessages.js @@ -64,7 +64,7 @@ define('TYPO3/CMS/Backend/FlashMessages', ['jquery'], function ($) { } duration = duration || 5; if (!this.messageContainer) { - this.messageContainer = $('<div id="msg-div" style="position:absolute;z-index:10000;width: 100%;"></div>').appendTo('body'); + this.messageContainer = $('<div id="alert-container"></div>').appendTo('body'); } $box = $('<div class="alert alert-' + className + ' alert-dismissible fade in" role="alert">' + '<button type="button" class="close" data-dismiss="alert">' + @@ -75,11 +75,6 @@ define('TYPO3/CMS/Backend/FlashMessages', ['jquery'], function ($) { '<p>' + message + '</p>' + '</div>'); $box.appendTo(this.messageContainer); - $box.css({ - width: '400px', - position: 'relative', - margin: '0 auto 10px auto' - }); $box.fadeIn().delay(duration * 1000).slideUp(); }; diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_message.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_message.less index 123f57e63c55d330d3dbfebc7f352d3a96c2fd04..0bee7d374a6c5327e5572428921150b8a796314f 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_message.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_message.less @@ -11,6 +11,19 @@ * The TYPO3 project - inspiring people to share! */ +#alert-container { + width: 400px; + position: absolute; + left: 50%; + margin-left: -200px; + z-index: 10000; + + .alert { + position: relative; + margin: 0 auto 10px; + } +} + .alert { border-top: 0; border-right: 0; diff --git a/typo3/sysext/t3skin/Resources/Public/Css/visual/t3skin.css b/typo3/sysext/t3skin/Resources/Public/Css/visual/t3skin.css index 0f437df0ceb4371fd6093eec6c919d027e6d66d8..395a99894de62257829ba1dd8dd80d61a5bf49a9 100644 --- a/typo3/sysext/t3skin/Resources/Public/Css/visual/t3skin.css +++ b/typo3/sysext/t3skin/Resources/Public/Css/visual/t3skin.css @@ -7225,6 +7225,17 @@ table#typo3-history-item img { * * The TYPO3 project - inspiring people to share! */ +#alert-container { + width: 400px; + position: absolute; + left: 50%; + margin-left: -200px; + z-index: 10000; +} +#alert-container .alert { + position: relative; + margin: 0 auto 10px; +} .alert { border-top: 0; border-right: 0;