From 2620549ac2a4abfd30aaf9bc4599e8d3d684466b Mon Sep 17 00:00:00 2001 From: Amauri CHAMPEAUX Date: Wed, 4 Nov 2020 14:23:18 +0100 Subject: [PATCH] Little adjustment on the big banner buttons --- css/tarteaucitron.css | 7 +++++++ tarteaucitron.js | 2 +- 2 files changed, 8 insertions(+), 1 deletion(-) diff --git a/css/tarteaucitron.css b/css/tarteaucitron.css index 99137e2..d236900 100644 --- a/css/tarteaucitron.css +++ b/css/tarteaucitron.css @@ -479,6 +479,13 @@ div#tarteaucitronServices { /*** * Big alert */ +@media screen and (max-width: 900px) { + div#tarteaucitronAlertBig button { + margin: 0 auto 10px!important; + display: block!important; + } +} + .tarteaucitronAlertBigTop { top: 0; } diff --git a/tarteaucitron.js b/tarteaucitron.js index 3bcd8af..d1ba810 100644 --- a/tarteaucitron.js +++ b/tarteaucitron.js @@ -267,7 +267,7 @@ var tarteaucitron = { // css for new middle bar if (tarteaucitron.orientation === 'middle') { var customThemeMiddle = document.createElement('style'), - cssRuleMiddle = 'div#tarteaucitronRoot.tarteaucitronBeforeVisible:before {content: \'\';position: fixed;width: 100%;height: 100%;background: white;top: 0;left: 0;z-index: 999;opacity: 0.5;}div#tarteaucitronAlertBig:before {content: \'' + tarteaucitron.lang.middleBarHead + '\';font-size: 50px;}body #tarteaucitronRoot div#tarteaucitronAlertBig {width: 60%;min-width: 285px;height: auto;margin: auto;left: 50%;top: 50%;transform: translate(-50%, -50%);box-shadow: 0 0 9000px #000;border-radius: 20px;padding: 50px 0;}span#tarteaucitronDisclaimerAlert {padding: 0 30px;}#tarteaucitronRoot span#tarteaucitronDisclaimerAlert {margin: 50px 0;display: block;text-align: center;font-size: 21px;}'; + cssRuleMiddle = 'div#tarteaucitronRoot.tarteaucitronBeforeVisible:before {content: \'\';position: fixed;width: 100%;height: 100%;background: white;top: 0;left: 0;z-index: 999;opacity: 0.5;}div#tarteaucitronAlertBig:before {content: \'' + tarteaucitron.lang.middleBarHead + '\';font-size: 50px;}body #tarteaucitronRoot div#tarteaucitronAlertBig {width: 60%;min-width: 285px;height: auto;margin: auto;left: 50%;top: 50%;transform: translate(-50%, -50%);box-shadow: 0 0 9000px #000;border-radius: 20px;padding: 35px 25px;}span#tarteaucitronDisclaimerAlert {padding: 0 30px;}#tarteaucitronRoot span#tarteaucitronDisclaimerAlert {margin: 50px 0;display: block;text-align: center;font-size: 21px;}'; customThemeMiddle.type = 'text/css'; if (customThemeMiddle.styleSheet) {