Quando você publica uma página, ela funciona bem, mas depois vá para essa página.
Aqui, parece que combinou muitos temas, a barra lateral está faltando, os ícones sumiram, não há estatísticas, nem pfp, etc.
Quando você está deslogado, não está tão quebrado, mas ainda faltam ícones, a barra lateral, etc.
1 curtida
No celular, fica assim quando conectado:
Sim, tentei o tema Padrão e os bugs desapareceram. Estranho, não tenho nenhum código para adicionar o fundo do tema Air, nem a fonte Inter.
1 curtida
Para que conste, acabei de tentar publicar uma página enquanto aplicava o Tema Air e parece estar funcionando bem para mim. Tanto a barra lateral quanto o resumo, etc., aparecem bem no tópico original.
2 curtidas
Don
Novembro 1, 2022, 5:19pm
5
A página publicada tem um estilo diferente. Acho que foi projetada para ser minimalista e é uma espécie de modo de leitura. A barra lateral não está disponível (ainda) na página publicada e o cabeçalho também é limitado.
Aqui está a folha de estilos para a 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
O tema Discourse Air adiciona algumas modificações à página publicada para se adequar ao tema, mas você pode substituí-las com um componente de tema se não se encaixar em suas personalizações.
// 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 curtidas
Encontrei meu problema.
No meu tema, um trecho de código muito antigo adiciona o círculo como o 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;
}
}
Vou removê-lo.
1 curtida
system
(system)
Fechado
Dezembro 3, 2022, 1:15am
7
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.