nodebb-plugin-ezoic-infinite 1.8.30 → 1.8.31

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.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/public/style.css +35 -47
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nodebb-plugin-ezoic-infinite",
3
- "version": "1.8.30",
3
+ "version": "1.8.31",
4
4
  "description": "Production-ready Ezoic infinite ads integration for NodeBB 4.x",
5
5
  "main": "library.js",
6
6
  "license": "MIT",
package/public/style.css CHANGED
@@ -1,5 +1,7 @@
1
1
  /*
2
- * NodeBB Ezoic Infinite Ads — style.css (v20.2)
2
+ * NodeBB Ezoic Infinite Ads — style.css (v20.3)
3
+ * Objectif: comportement "v50-like" (pas de rognage des pubs),
4
+ * tout en gardant anti-sticky + gestion .is-empty.
3
5
  */
4
6
 
5
7
  /* ── Wrapper ──────────────────────────────────────────────────────────────── */
@@ -8,7 +10,10 @@
8
10
  width: 100%;
9
11
  margin: 0 !important;
10
12
  padding: 0 !important;
11
- overflow: hidden;
13
+
14
+ /* IMPORTANT (v50-like): ne pas couper les ads rendues */
15
+ overflow: visible;
16
+
12
17
  contain: layout style;
13
18
  }
14
19
 
@@ -18,6 +23,7 @@
18
23
  margin: 0 !important;
19
24
  padding: 0 !important;
20
25
  min-height: 1px;
26
+ max-width: 100%;
21
27
  }
22
28
 
23
29
  /* ── Ciblage précis des nœuds Ezoic dans nos wraps ───────────────────────── */
@@ -30,21 +36,44 @@
30
36
  font-size: 0 !important;
31
37
  }
32
38
 
33
- .nodebb-ezoic-wrap div[id$="__container__"] {
39
+ /* Container Google/Ezoic: surtout NE PAS overflow:hidden (sinon rognage) */
40
+ .nodebb-ezoic-wrap div[id$="__container__"],
41
+ .nodebb-ezoic-wrap [id^="google_ads_iframe_"][id$="__container__"] {
34
42
  display: block !important;
35
43
  line-height: 0 !important;
36
44
  font-size: 0 !important;
45
+
46
+ /* comportement v50-like */
47
+ overflow: visible !important;
48
+
49
+ /* centrage sans casser les inline styles */
50
+ margin-left: auto !important;
51
+ margin-right: auto !important;
52
+ max-width: 100% !important;
53
+ box-sizing: border-box !important;
37
54
  }
38
55
 
39
- /* Ne pas écraser la hauteur réelle calculée par Ezoic */
56
+ /* Le conteneur Ezoic : ne pas écraser la hauteur calculée, centrer, ne pas rogner */
40
57
  .nodebb-ezoic-wrap .ezoic-ad,
41
58
  .nodebb-ezoic-wrap span.ezoic-ad {
42
59
  display: block !important;
43
- margin: 0 !important;
60
+ margin: 0 auto !important;
44
61
  padding: 0 !important;
62
+
45
63
  height: auto !important;
46
64
  min-height: unset !important;
47
65
  max-height: none !important;
66
+
67
+ /* On borne visuellement si possible, sans couper */
68
+ max-width: 100% !important;
69
+ box-sizing: border-box !important;
70
+ }
71
+
72
+ /* Iframes : centrées, ne pas forcer width:auto (laisse Ezoic/Google décider) */
73
+ .nodebb-ezoic-wrap iframe {
74
+ margin-left: auto !important;
75
+ margin-right: auto !important;
76
+ max-width: 100% !important;
48
77
  }
49
78
 
50
79
  /* Reportline en absolu pour ne pas impacter le layout */
@@ -70,7 +99,7 @@
70
99
  max-height: 1px !important;
71
100
  margin: 0 !important;
72
101
  padding: 0 !important;
73
- overflow: hidden !important;
102
+ overflow: hidden !important; /* ici OK, car vide */
74
103
  }
75
104
 
76
105
  /* Anti-faux-empty : si la pub est réellement là, on annule le collapse
@@ -84,47 +113,6 @@
84
113
  overflow: visible !important;
85
114
  }
86
115
 
87
- /* ── Anti décalage horizontal sur desktop (largeurs fixes 970px, etc.) ───── */
88
-
89
- /* Les wraps/placeholder ne doivent jamais créer de largeur fantôme */
90
- .nodebb-ezoic-wrap,
91
- .nodebb-ezoic-wrap > [id^="ezoic-pub-ad-placeholder-"] {
92
- width: 100% !important;
93
- max-width: 100% !important;
94
- }
95
-
96
- /* Le conteneur Ezoic : centré, largeur auto, jamais > 100% */
97
- .nodebb-ezoic-wrap .ezoic-ad,
98
- .nodebb-ezoic-wrap span.ezoic-ad {
99
- display: block !important;
100
- width: auto !important;
101
- max-width: 100% !important;
102
- margin-left: auto !important;
103
- margin-right: auto !important;
104
- box-sizing: border-box !important;
105
- }
106
-
107
- /* Containers Google (souvent inline-block avec width fixe) : on les laisse auto mais on borne */
108
- .nodebb-ezoic-wrap div[id$="__container__"],
109
- .nodebb-ezoic-wrap [id^="google_ads_iframe_"][id$="__container__"] {
110
- display: block !important;
111
- width: auto !important;
112
- max-width: 100% !important;
113
- margin-left: auto !important;
114
- margin-right: auto !important;
115
- overflow: hidden !important; /* coupe ce qui dépasse sans décaler la page */
116
- box-sizing: border-box !important;
117
- }
118
-
119
- /* Iframes : auto + max-width pour éviter le dépassement / décalage */
120
- .nodebb-ezoic-wrap iframe {
121
- display: block !important;
122
- width: auto !important;
123
- max-width: 100% !important;
124
- margin-left: auto !important;
125
- margin-right: auto !important;
126
- }
127
-
128
116
  /* ── Ezoic global (hors de nos wraps) ────────────────────────────────────── */
129
117
  .ezoic-ad {
130
118
  margin: 0 !important;