nodebb-plugin-ezoic-infinite 1.8.29 → 1.8.30

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 +53 -12
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nodebb-plugin-ezoic-infinite",
3
- "version": "1.8.29",
3
+ "version": "1.8.30",
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,5 @@
1
1
  /*
2
- * NodeBB Ezoic Infinite Ads — style.css (v20)
2
+ * NodeBB Ezoic Infinite Ads — style.css (v20.2)
3
3
  */
4
4
 
5
5
  /* ── Wrapper ──────────────────────────────────────────────────────────────── */
@@ -39,9 +39,9 @@
39
39
  /* Ne pas écraser la hauteur réelle calculée par Ezoic */
40
40
  .nodebb-ezoic-wrap .ezoic-ad,
41
41
  .nodebb-ezoic-wrap span.ezoic-ad {
42
+ display: block !important;
42
43
  margin: 0 !important;
43
44
  padding: 0 !important;
44
- display: block !important;
45
45
  height: auto !important;
46
46
  min-height: unset !important;
47
47
  max-height: none !important;
@@ -60,8 +60,8 @@
60
60
 
61
61
  /* ── État vide ────────────────────────────────────────────────────────────── */
62
62
  /*
63
- Ajouté 20s après showAds si aucun fill détecté.
64
- Collapse à 1px : réserve minimale demandée, reste observable par l'IO.
63
+ Ajouté après le délai d'empty-check si aucun fill détecté.
64
+ Collapse à 1px : réserve minimale, reste observable par l'IO.
65
65
  */
66
66
  .nodebb-ezoic-wrap.is-empty {
67
67
  display: block !important;
@@ -73,14 +73,8 @@
73
73
  overflow: hidden !important;
74
74
  }
75
75
 
76
- /* ── Ezoic global (hors de nos wraps) ────────────────────────────────────── */
77
- .ezoic-ad {
78
- margin: 0 !important;
79
- padding: 0 !important;
80
- }
81
-
82
-
83
- /* Anti-faux-empty : si une pub est présente, annule le collapse */
76
+ /* Anti-faux-empty : si la pub est réellement là, on annule le collapse
77
+ (support moderne; si non supporté, le JS enlève .is-empty) */
84
78
  .nodebb-ezoic-wrap.is-empty:has(iframe),
85
79
  .nodebb-ezoic-wrap.is-empty:has([data-google-container-id]),
86
80
  .nodebb-ezoic-wrap.is-empty:has(div[id$="__container__"]) {
@@ -89,3 +83,50 @@
89
83
  max-height: none !important;
90
84
  overflow: visible !important;
91
85
  }
86
+
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
+ /* ── Ezoic global (hors de nos wraps) ────────────────────────────────────── */
129
+ .ezoic-ad {
130
+ margin: 0 !important;
131
+ padding: 0 !important;
132
+ }