Tema Horizon

[nathank (Nathan Kershaw)]

Ci sono idee per rendere Horizon a larghezza intera? Trovo che sia un po’ costretto al centro (corsetto?), e renderlo completamente a tutta larghezza lo rilasserebbe piacevolmente.

[chapoi]

No, non ho intenzione di farlo. Stiamo mantenendo una larghezza limitata, che corrisponde a una lunghezza di lettura ottimale.

[Helga_Razinkova (Helga)]

Ciao, ho provato ad antevisualizzare il tema, ma questo è tutto ciò che vedo:

Sto sbagliando qualcosa?

[chapoi]

Ho appena provato (da mobile) e per me funziona bene. C’è qualcosa nella console? Oppure puoi provare un browser diverso per controllare?

[Helga_Razinkova (Helga)]

Grazie @chapoi! La mia console:

[chapoi]

Ok, sì, posso sicuramente riprodurlo. Penso sia perché Horizon è stato spostato nel core probabilmente. Dovrò capire come correggere il link di anteprima, se possibile. (Sarà più facile visualizzare l’anteprima solo su Meta – ho aggiornato l’argomento)

Detto questo, puoi semplicemente visualizzarlo in anteprima qui su Meta cambiando il tema

[Helga_Razinkova (Helga)]

Grazie mille, ora funziona!

[serkhelesheyi]

Overflow del contenitore annunci mobile: mancata corrispondenza layout RTL/LTR

Ciao

Sto utilizzando il tema Horizon con il plugin ufficiale House Ads e ho creato un componente personalizzato per stilizzare gli annunci utilizzando variabili CSS e regole di layout compatibili con il sistema di progettazione di Discourse.

Problema: Il contenitore dell’annuncio fuoriesce dalla viewport su dispositivi mobili (sia LTR che RTL)

• Tema: Horizon (non riproducibile nei temi predefiniti o in altri temi come Material, ecc.)
• Plugin: House Ads + componente personalizzato
• Dispositivo: Mobile
• Comportamento:
  • Quando lingua del sito = Inglese (LTR) → il bordo sinistro di .ad-container viene tagliato (fuoriesce a sinistra).
  • Quando lingua del sito = Persiano/Arabo (RTL) → il bordo destro viene tagliato (fuoriesce a destra).
• Previsto: La scheda dell’annuncio dovrebbe essere completamente contenuta all’interno della viewport, centrata o allineata con la larghezza del contenuto del post.

Il mio codice CSS:

Riepilogo

:root {
  /* Colori principali */
  --ad-bg: var(--secondary);
  --ad-border: var(--highlight);
  --ad-text: var(--primary);

  /* Etichetta */
  --ad-label-bg: var(--highlight);
  --ad-label-text: var(--danger);
}


.house-creative {
  margin-left: 0 !important;
}


.house-creative a.between-posts-ad {
  display: block;
  text-decoration: none;
  color: inherit;
  background-color: transparent;
  font-family: inherit;
}

/* ===============================
   Contenitore Scheda
   =============================== */

.house-creative .ad-container {
    direction: rtl !important;
    text-align: center !important;
margin-bottom: 20px;
      padding: 10px 5px;
     max-width: calc(#{$topic-avatar-width} + #{$topic-body-width} + (#{$topic-body-width-padding} * 2));  background-color: var(--ad-bg);
  border: 2px solid var(--ad-border);
  border-radius: 10px;

  box-sizing: border-box;
  line-height: 1.7;

  color: var(--ad-text);

  transition:
    background-color 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease,
    transform 0.2s ease;
}

.house-creative a.between-posts-ad:hover .ad-container {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}


.house-creative .ad-label {
    display: inline-block;       
    text-align: center;   
    margin-bottom: 6px;
     padding: 4px 12px;

  font-size: 0.85em;
  font-weight: 700;
  text-transform: uppercase;

  background-color: var(--ad-label-bg);
  color: var(--ad-label-text);

  border-radius: 999px;
}

.house-creative .ad-container .ad-text {
  margin: 0;

  font-size: 1rem;
  line-height: 1.9;
  color: var(--ad-text);

  direction: rtl ;
  text-align: center !important ;
  unicode-bidi: isolate;
}


@media (max-width: 480px) {
  .house-creative .ad-container {
direction: rtl !important;
text-align: center !important; 
padding: 16px 12px; 
width: 100%;
max-width: 100%;

  }
}

[chapoi]

Horizon non è compatibile con tutti i componenti e i plugin (per ora).

@Discourse

Compatibile

Abbiamo testato le seguenti funzionalità con Horizon e confermato che funzionano. Potrebbe esserci spazio per miglioramenti; fateci sapere se avete idee su come migliorare la compatibilità. Tutto ciò che non è elencato qui è solo parzialmente compatibile, incompatibile o non ancora testato.

• Discourse Solved
• Clickable Topic
• DiscoTOC

[ばこん (べーこん(bac0n))]

mentre si partecipa a un gruppo

Quando non si partecipa a un gruppo

---

L’aspetto dell’intestazione e della barra laterale sembra essere cambiato a causa della modernizzazione del tema Foundation.

[stephtara (Stephanie Booth)]

Non so se questo sia il posto giusto per pubblicarlo, ma mi piace il modo in cui Horizon su Meta mostra un paio di righe per ogni argomento nella visualizzazione delle categorie. Non riesco a riprodurlo da parte mia e non so da dove iniziare a guardare. Grazie!!

[Lilly]

puoi leggerne qui

Horizon: High Context Topic Cards

What’s new in Horizon? We’re happy to announce the next iteration for the Horizon theme: high-context topic cards. These cards surface key signals at a glance, pulling in data from familiar favourites: Solved (1) Topic Voting (2) Assign (3) Good old tags (4) Excerpts We have also rearranged the layout, refined spacing and typography, and expanded the last-reply preview; aiming for a balanced experience. Desktop [CleanShot 2026-01-14 at 19.12.48@2x] Mobile [CleanShot 2026-01-14 at 19.19.0…

[NateDhaliwal]

Gli argomenti bloccati a livello globale hanno il loro estratto allineato a destra (questo è sul mio forum gratuito):

[stephtara (Stephanie Booth)]

Non sono sicuro se questo riguardi Horizon o il componente Header Categories Navbar. Mi è stato fatto notare che la barra dei menu su Horizon inizia all’estrema sinistra, a differenza di altri temi (Foundation per confronto), il che è strano su monitor larghi.

Horizon:

Foundation:

È voluto? O qualcosa che potrebbe aver bisogno di essere sistemato? Devo dire che se la larghezza del contenuto è limitata, mi sembrerebbe logico non far iniziare la barra dei menu tutta a sinistra.