Quando pubblichi una pagina, funziona bene, ma poi vai su quella pagina.
Qui, sembra che siano stati combinati molti temi, manca la barra laterale, le icone sono scomparse, non ci sono statistiche, avatar, ecc.
Quando non sei connesso, non è così rotto, ma mancano comunque le icone, la barra laterale, ecc.
1 Mi Piace
Su mobile appare così quando si è effettuato l’accesso:
Sì, ho provato il tema predefinito e i bug sono scomparsi. Strano, non ho codice per aggiungere lo sfondo del tema Air, o il font Inter.
1 Mi Piace
Per quanto mi riguarda, ho appena provato a pubblicare una pagina applicando il tema Air e sembra che funzioni bene per me. Sia la barra laterale che il riepilogo, ecc. vengono visualizzati correttamente sull’argomento originale.
2 Mi Piace
Don
1 Novembre 2022, 5:19pm
5
La pagina pubblicata ha uno stile diverso. Penso che sia progettata per essere minimalista e sia una sorta di visualizzazione per la lettura. La barra laterale non è disponibile (ancora) sulla pagina pubblicata e anche l’intestazione è limitata.
Ecco il foglio di stile per la pagina pubblicata:
@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
Il tema Discourse Air aggiunge alcune modifiche alla pagina pubblicata per adattarla al tema, ma puoi sovrascriverle con un componente del tema se non si adatta alle tue personalizzazioni.
// 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 Mi Piace
Ho trovato il mio problema.
Nel mio tema, un pezzo di codice molto vecchio aggiunge il cerchio come il 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 rimuoverò.
1 Mi Piace
system
(system)
Chiuso
3 Dicembre 2022, 1:15am
7
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.