소스 검색

allow tarteaucitronAlertSmall to be at top when orientation is set to top.
On mobile, when Adsense Auto Ads is in use, and orientation to bottom, the small alert should be behind ads.
This allow alert to be at top and unhide it.

eldk 7 년 전
부모
커밋
b35fb33014
2개의 변경된 파일11개의 추가작업 그리고 3개의 파일을 삭제
  1. 10 2
      css/tarteaucitron.css
  2. 1 1
      tarteaucitron.js

+ 10 - 2
css/tarteaucitron.css

@@ -364,9 +364,17 @@
 /***
 /***
  * Small alert
  * Small alert
  */
  */
+
+.tarteaucitronAlertSmallTop {
+    top: 0;
+}
+
+.tarteaucitronAlertSmallBottom {
+    bottom: 0;
+}
+
 #tarteaucitronAlertSmall {
 #tarteaucitronAlertSmall {
     background: #333;
     background: #333;
-    bottom: 0;
     display: none;
     display: none;
     padding: 0;
     padding: 0;
     position: fixed;
     position: fixed;
@@ -542,4 +550,4 @@ ins.ferank-publicite, ins.adsbygoogle {
 div.amazon_product {
 div.amazon_product {
     height:240px;
     height:240px;
     width:120px;
     width:120px;
-}
+}

+ 1 - 1
tarteaucitron.js

@@ -296,7 +296,7 @@ var tarteaucitron = {
                 }
                 }
                 
                 
                 if (defaults.showAlertSmall === true) {
                 if (defaults.showAlertSmall === true) {
-                    html += '<div id="tarteaucitronAlertSmall">';
+                    html += '<div id="tarteaucitronAlertSmall" class="tarteaucitronAlertSmall' + orientation + '">';
                     html += '   <div id="tarteaucitronManager" onclick="tarteaucitron.userInterface.openPanel();">';
                     html += '   <div id="tarteaucitronManager" onclick="tarteaucitron.userInterface.openPanel();">';
                     html += '       ' + tarteaucitron.lang.alertSmall;
                     html += '       ' + tarteaucitron.lang.alertSmall;
                     html += '       <div id="tarteaucitronDot">';
                     html += '       <div id="tarteaucitronDot">';