web: la página de creadores de contenido (el menú VIDEOS), que daba 404

SiteHeader enlazaba /content-creators y esa página no existía en Next: el menú VIDEOS llevaba a un 404. Réplica del partial Django `partials/videos.html`, con sus clases del tema (cc-box, cc-avatar, cc-name...). Lee el primer registro de home_contentcreator, igual que la vista de Django. La descripción es HTML de CKEditor (lo edita un admin), así que se sanea con `cleanPostHtml`, la misma allowlist que los mensajes del foro. Comprobado metiendo un <script>alert(1)</script> a propósito: no aparece en el HTML servido. Dos arreglos sobre el diseño de Django, que copiaba tal cual: - El título va SIEMPRE. Django lo metía dentro del `if content_creator`, así que sin datos la página quedaba con un <p> suelto, sin cabecera ni caja. Ahora sin creador sale el título de la sección y el aviso centrado en su box-content. - Los enlaces de YouTube/Facebook se salían por abajo de la caja. El tema le da a `.cc-box` una altura FIJA de 172px contando con el content-box del navegador, y el border-box de Tailwind le restaba el padding y el borde: 24px menos de alto útil. Es el mismo caso que .item-box en la tienda. Medido: la caja pasa de 172 a 196px de alto y los enlaces dejan de desbordar. Verificado con un creador de prueba (borrado después): /es/ y /en/ dan 200, el título, el avatar, el iframe y los enlaces caen dentro de la caja, y con la tabla vacía sale el mismo texto que Django. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-15 13:03:32 +00:00
parent 67faa1a266
commit 25ced0c2f6
5 changed files with 170 additions and 0 deletions
@@ -40,6 +40,13 @@ input[type='number'] {
 table {
  border-collapse: separate;
 }
+/* Mismo caso que .item-box de la tienda: el tema da a `.cc-box` (creadores de
+   contenido) una altura FIJA de 172px contando con el content-box del navegador,
+   y el border-box de Tailwind le resta el padding y el borde. Con 24px menos de
+   alto útil, los enlaces de YouTube/Facebook se salían por abajo de la caja. */
+.cc-box {
+  box-sizing: content-box;
+}
 /* El tooltip de wowhead se inyecta en el <body>, así que le caen encima las
   reglas globales del tema. La que lo rompe es `th { height: 40px }` (global,
   viene tal cual del tema original): el tooltip usa <th> para la columna de la