Cuando publicas una página, funciona bien, pero luego ve a esa página.
Aquí, parece que ha combinado muchos temas, falta la barra lateral, faltan los iconos, no hay estadísticas, no hay pfp, etc.
Cuando no has iniciado sesión, no está tan roto, pero todavía faltan iconos, la barra lateral, etc.
1 me gusta
En el móvil se ve así cuando has iniciado sesión:
Sí, probé el tema predeterminado y los errores desaparecieron. Extraño, no tengo ningún código para agregar el fondo del tema Air, ni la fuente Inter.
1 me gusta
Para que conste, acabo de intentar publicar una página aplicando el tema Air y parece que me funciona bien. Tanto la barra lateral como el resumen, etc., aparecen bien en el tema original.
2 Me gusta
Don
1 Noviembre, 2022 17:19
5
La página publicada tiene un estilo diferente. Creo que está diseñada para ser minimalista y es una especie de vista de lectura. La barra lateral no está disponible (aún) en la página publicada y el encabezado también es limitado.
Aquí está la hoja de estilos para la página publicada:
@use "lib/viewport";
@import "common";
.published-page-content-wrapper {
box-sizing: border-box;
margin: 2em auto;
padding: 0.5em 10px 2em; // 10px matches .wrap
max-width: calc(
var(--topic-body-width) + (var(--topic-body-width-padding) * 2) +
var(--topic-avatar-width)
);
width: 100%;
}
.published-page-header {
box-sizing: border-box;
width: 100%;
z-index: z("header");
background-color: var(--header_background);
box-shadow: 0 2px 4px -1px rgb(0, 0, 0, 0.25);
This file has been truncated. show original
El tema Discourse Air agrega algunas modificaciones a la página publicada para que se ajuste al tema, pero puedes anularlas con un componente de tema si no se ajusta a tus personalizaciones.
// published page additions
.published-page-content-wrapper {
max-width: 1000px;
margin-top: 30px;
margin-bottom: 50px;
background: var(--secondary);
border-radius: 1em;
padding: 3em 3em 5%;
box-shadow: 0 24px 40px rgba(0, 0, 0, 0.07),
0 10.8529px 24.1177px rgba(0, 0, 0, 0.0456112),
0 4.50776px 10.0172px rgba(0, 0, 0, 0.035),
0 1.63037px 3.62304px rgba(0, 0, 0, 0.0243888);
z-index: 1;
position: relative;
}
.published-page {
.background-container {
display: none;
}
This file has been truncated. show original
2 Me gusta
Encontré mi problema.
En mi tema, un código muy antiguo añade el círculo como el tema Air.
.published-page {
&::before {
background: linear-gradient(
90deg,
var(--tertiary-hover) 0%,
var(--tertiary) 100%
);
clip-path: ellipse(148% 70% at 91% -14%);
content: "";
width: 100%;
height: 100%;
display: block;
position: fixed;
z-index: 0;
}
.background-container {
display: none;
}
}
Lo eliminaré.
1 me gusta
system
(system)
Cerrado
3 Diciembre, 2022 01:15
7
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.