nodebb-plugin-ezoic-infinite 1.8.31 → 1.8.33
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/public/style.css +86 -26
package/package.json
CHANGED
package/public/style.css
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* NodeBB Ezoic Infinite Ads — style.css (v20.
|
|
3
|
-
*
|
|
4
|
-
* tout en gardant anti-sticky + gestion .is-empty.
|
|
2
|
+
* NodeBB Ezoic Infinite Ads — style.css (v20.6)
|
|
3
|
+
* Fix mobile: supprimer le léger scroll horizontal lors de l'apparition du "reportline" Ezoic.
|
|
5
4
|
*/
|
|
6
5
|
|
|
7
6
|
/* ── Wrapper ──────────────────────────────────────────────────────────────── */
|
|
@@ -10,11 +9,8 @@
|
|
|
10
9
|
width: 100%;
|
|
11
10
|
margin: 0 !important;
|
|
12
11
|
padding: 0 !important;
|
|
13
|
-
|
|
14
|
-
/* IMPORTANT (v50-like): ne pas couper les ads rendues */
|
|
15
12
|
overflow: visible;
|
|
16
|
-
|
|
17
|
-
contain: layout style;
|
|
13
|
+
contain: none;
|
|
18
14
|
}
|
|
19
15
|
|
|
20
16
|
/* Placeholder : 1px minimum pour rester visible par l'IntersectionObserver */
|
|
@@ -26,9 +22,9 @@
|
|
|
26
22
|
max-width: 100%;
|
|
27
23
|
}
|
|
28
24
|
|
|
29
|
-
/* ── Ciblage précis des nœuds Ezoic dans nos wraps
|
|
25
|
+
/* ── Ciblage précis des nœuds Ezoic / Google dans nos wraps ──────────────── */
|
|
30
26
|
|
|
31
|
-
/* Supprime le gap "baseline" sous les iframes
|
|
27
|
+
/* Supprime le gap "baseline" sous les iframes */
|
|
32
28
|
.nodebb-ezoic-wrap iframe,
|
|
33
29
|
.nodebb-ezoic-wrap div[id$="__container__"] iframe {
|
|
34
30
|
display: block !important;
|
|
@@ -36,24 +32,22 @@
|
|
|
36
32
|
font-size: 0 !important;
|
|
37
33
|
}
|
|
38
34
|
|
|
39
|
-
/* Container Google/Ezoic:
|
|
35
|
+
/* Container Google/Ezoic : ne pas rogner */
|
|
40
36
|
.nodebb-ezoic-wrap div[id$="__container__"],
|
|
41
37
|
.nodebb-ezoic-wrap [id^="google_ads_iframe_"][id$="__container__"] {
|
|
42
38
|
display: block !important;
|
|
43
39
|
line-height: 0 !important;
|
|
44
40
|
font-size: 0 !important;
|
|
45
|
-
|
|
46
|
-
/* comportement v50-like */
|
|
47
41
|
overflow: visible !important;
|
|
48
42
|
|
|
49
|
-
/* centrage sans casser les inline styles */
|
|
50
43
|
margin-left: auto !important;
|
|
51
44
|
margin-right: auto !important;
|
|
52
|
-
|
|
45
|
+
|
|
53
46
|
box-sizing: border-box !important;
|
|
47
|
+
max-width: 100% !important;
|
|
54
48
|
}
|
|
55
49
|
|
|
56
|
-
/*
|
|
50
|
+
/* Conteneur Ezoic : centrer, ne pas casser la hauteur */
|
|
57
51
|
.nodebb-ezoic-wrap .ezoic-ad,
|
|
58
52
|
.nodebb-ezoic-wrap span.ezoic-ad {
|
|
59
53
|
display: block !important;
|
|
@@ -64,12 +58,11 @@
|
|
|
64
58
|
min-height: unset !important;
|
|
65
59
|
max-height: none !important;
|
|
66
60
|
|
|
67
|
-
/* On borne visuellement si possible, sans couper */
|
|
68
|
-
max-width: 100% !important;
|
|
69
61
|
box-sizing: border-box !important;
|
|
62
|
+
max-width: 100% !important;
|
|
70
63
|
}
|
|
71
64
|
|
|
72
|
-
/* Iframes :
|
|
65
|
+
/* Iframes : bornées */
|
|
73
66
|
.nodebb-ezoic-wrap iframe {
|
|
74
67
|
margin-left: auto !important;
|
|
75
68
|
margin-right: auto !important;
|
|
@@ -81,17 +74,13 @@
|
|
|
81
74
|
position: absolute !important;
|
|
82
75
|
}
|
|
83
76
|
|
|
84
|
-
/* Neutralise sticky dans nos wraps
|
|
77
|
+
/* Neutralise sticky dans nos wraps */
|
|
85
78
|
.nodebb-ezoic-wrap .ezads-sticky-intradiv {
|
|
86
79
|
position: static !important;
|
|
87
80
|
top: auto !important;
|
|
88
81
|
}
|
|
89
82
|
|
|
90
83
|
/* ── État vide ────────────────────────────────────────────────────────────── */
|
|
91
|
-
/*
|
|
92
|
-
Ajouté après le délai d'empty-check si aucun fill détecté.
|
|
93
|
-
Collapse à 1px : réserve minimale, reste observable par l'IO.
|
|
94
|
-
*/
|
|
95
84
|
.nodebb-ezoic-wrap.is-empty {
|
|
96
85
|
display: block !important;
|
|
97
86
|
height: 1px !important;
|
|
@@ -99,11 +88,10 @@
|
|
|
99
88
|
max-height: 1px !important;
|
|
100
89
|
margin: 0 !important;
|
|
101
90
|
padding: 0 !important;
|
|
102
|
-
overflow: hidden !important;
|
|
91
|
+
overflow: hidden !important;
|
|
103
92
|
}
|
|
104
93
|
|
|
105
|
-
/* Anti-faux-empty : si
|
|
106
|
-
(support moderne; si non supporté, le JS enlève .is-empty) */
|
|
94
|
+
/* Anti-faux-empty : si une pub est là, on ne collapse pas */
|
|
107
95
|
.nodebb-ezoic-wrap.is-empty:has(iframe),
|
|
108
96
|
.nodebb-ezoic-wrap.is-empty:has([data-google-container-id]),
|
|
109
97
|
.nodebb-ezoic-wrap.is-empty:has(div[id$="__container__"]) {
|
|
@@ -113,6 +101,78 @@
|
|
|
113
101
|
overflow: visible !important;
|
|
114
102
|
}
|
|
115
103
|
|
|
104
|
+
/* ── Fix: Ezoic "adaptive/multi" qui force 970px & multi-annonces ────────── */
|
|
105
|
+
.nodebb-ezoic-wrap .ezoic-ad-adaptive,
|
|
106
|
+
.nodebb-ezoic-wrap .adtester-container,
|
|
107
|
+
.nodebb-ezoic-wrap [class*="Content-multi-"] {
|
|
108
|
+
width: auto !important;
|
|
109
|
+
min-width: 0 !important;
|
|
110
|
+
max-width: 100% !important;
|
|
111
|
+
box-sizing: border-box !important;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.nodebb-ezoic-wrap .ezoic-ad-adaptive,
|
|
115
|
+
.nodebb-ezoic-wrap .adtester-container {
|
|
116
|
+
display: block !important;
|
|
117
|
+
margin-left: auto !important;
|
|
118
|
+
margin-right: auto !important;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
/* Masque les multi-slots non voulus */
|
|
122
|
+
.nodebb-ezoic-wrap [class*="Content-multi-"] ~ [class*="Content-multi-"] {
|
|
123
|
+
display: none !important;
|
|
124
|
+
}
|
|
125
|
+
.nodebb-ezoic-wrap div[id$="__container__"] ~ div[id$="__container__"] {
|
|
126
|
+
display: none !important;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
/* ── MOBILE: anti scroll horizontal “1–3px” (reportline / absolute / padding) ─ */
|
|
130
|
+
@media (max-width: 767px) {
|
|
131
|
+
/* 1) Empêche le dézoom/scroll horizontal global */
|
|
132
|
+
html, body {
|
|
133
|
+
overflow-x: hidden !important;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
/* 2) Rien dans le wrap ne doit dépasser le viewport */
|
|
137
|
+
.nodebb-ezoic-wrap,
|
|
138
|
+
.nodebb-ezoic-wrap > [id^="ezoic-pub-ad-placeholder-"],
|
|
139
|
+
.nodebb-ezoic-wrap > [id^="ezoic-pub-ad-placeholder-"] > div {
|
|
140
|
+
max-width: 100vw !important;
|
|
141
|
+
box-sizing: border-box !important;
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
/* 3) Les wrappers Ezoic ne doivent jamais garder un min-width implicite */
|
|
145
|
+
.nodebb-ezoic-wrap .ezoic-ad,
|
|
146
|
+
.nodebb-ezoic-wrap span.ezoic-ad,
|
|
147
|
+
.nodebb-ezoic-wrap .ezoic-ad-adaptive,
|
|
148
|
+
.nodebb-ezoic-wrap .adtester-container,
|
|
149
|
+
.nodebb-ezoic-wrap [class*="Content-multi-"] {
|
|
150
|
+
min-width: 0 !important;
|
|
151
|
+
width: auto !important;
|
|
152
|
+
max-width: 100% !important;
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
/* 4) Reportline: c'est souvent lui qui “dépasse” de 1–2px */
|
|
156
|
+
.nodebb-ezoic-wrap .reportline {
|
|
157
|
+
left: 0 !important;
|
|
158
|
+
right: 0 !important;
|
|
159
|
+
width: auto !important;
|
|
160
|
+
max-width: 100% !important;
|
|
161
|
+
box-sizing: border-box !important;
|
|
162
|
+
overflow: hidden !important; /* évite qu’un enfant dépasse */
|
|
163
|
+
}
|
|
164
|
+
.nodebb-ezoic-wrap .reportline * {
|
|
165
|
+
max-width: 100% !important;
|
|
166
|
+
box-sizing: border-box !important;
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
/* IMPORTANT: on enlève le scroll interne auto (ça peut créer un micro-scroll sur la page catégories) */
|
|
170
|
+
.nodebb-ezoic-wrap > [id^="ezoic-pub-ad-placeholder-"] {
|
|
171
|
+
overflow-x: visible !important;
|
|
172
|
+
-webkit-overflow-scrolling: auto;
|
|
173
|
+
}
|
|
174
|
+
}
|
|
175
|
+
|
|
116
176
|
/* ── Ezoic global (hors de nos wraps) ────────────────────────────────────── */
|
|
117
177
|
.ezoic-ad {
|
|
118
178
|
margin: 0 !important;
|