# Thème Horizon
**URL:** https://meta.discourse.org/t/horizon-theme/360486
**Category:** Theme
**Tags:** official, horizon-theme
**Created:** [Avril 7, 2025, 5:53 UTC](https://meta.discourse.org/t/horizon-theme/360486 "2025-04-07T17:53:06Z")
**Posts on this page:** 20
**Page:** 3
### Author:  [@nathank](https://meta.discourse.org/u/nathank)
#### Post date: [Octobre 25, 2025, 12:12 UTC](https://meta.discourse.org/t/horizon-theme/360486/45 "2025-10-25T00:12:19Z")
Y a-t-il des réflexions sur le fait de rendre Horizon pleine largeur ? Je trouve que cela semble un peu restreint au milieu (corset ?), et le rendre entièrement pleine largeur le détendrait joliment.
---
### Author:  [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [Octobre 25, 2025, 12:37 UTC](https://meta.discourse.org/t/horizon-theme/360486/46 "2025-10-25T00:37:07Z")
Non, nous n’avons pas l’intention de le faire. Nous maintenons une largeur limitée, ce qui correspond à une longueur de lecture optimale.
---
### Author:  [@Helga\_Razinkova](https://meta.discourse.org/u/Helga_Razinkova)
#### Post date: [Janvier 23, 2026, 12:25 UTC](https://meta.discourse.org/t/horizon-theme/360486/47 "2026-01-23T12:25:29Z")
Bonjour, j’ai essayé de prévisualiser le thème, mais c’est tout ce que je vois :
Est-ce que je fais quelque chose de mal ?
---
### Author:  [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [Janvier 23, 2026, 12:27 UTC](https://meta.discourse.org/t/horizon-theme/360486/48 "2026-01-23T12:27:08Z")
Je viens de tester (sur mobile cependant) et cela fonctionne bien pour moi. Y a-t-il quelque chose dans la console ? Ou pouvez-vous essayer un autre navigateur pour vérifier ?
---
### Author:  [@Helga\_Razinkova](https://meta.discourse.org/u/Helga_Razinkova)
#### Post date: [Janvier 23, 2026, 12:33 UTC](https://meta.discourse.org/t/horizon-theme/360486/49 "2026-01-23T12:33:09Z")
Merci @chapoi ! Ma console :
---
### Author:  [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [Janvier 26, 2026, 10:53 UTC](https://meta.discourse.org/t/horizon-theme/360486/50 "2026-01-26T10:53:16Z")
D’accord, oui, je peux certainement reproduire cela. Je pense que c’est parce que Horizon a probablement été déplacé vers le cœur. ~~Il faudra trouver comment corriger le lien de prévisualisation, si c’est possible.~~ (Il sera plus facile de simplement prévisualiser sur Meta – sujet mis à jour)
Ceci étant dit, vous pouvez simplement le prévisualiser ici sur Meta en changeant de thème.
---
### Author:  [@Helga\_Razinkova](https://meta.discourse.org/u/Helga_Razinkova)
#### Post date: [Janvier 26, 2026, 11:44 UTC](https://meta.discourse.org/t/horizon-theme/360486/51 "2026-01-26T11:44:55Z")
Merci beaucoup, ça fonctionne maintenant !
---
### Author:  [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [Février 16, 2026, 10:59 UTC](https://meta.discourse.org/t/horizon-theme/360486/52 "2026-02-16T10:59:01Z")
2 messages ont été déplacés vers un nouveau sujet : [Texte de bouton invisible sur le thème Horizon](https://meta.discourse.org/t/invisible-button-text-on-horizon-theme/396180)
---
### Author:  [@serkhelesheyi](https://meta.discourse.org/u/serkhelesheyi)
#### Post date: [Janvier 30, 2026, 12:30 UTC](https://meta.discourse.org/t/horizon-theme/360486/55 "2026-01-30T12:30:52Z")
**Débordement du conteneur d’annonce mobile dans les annonces internes – Inadéquation de la mise en page RTL/LTR**
Bonjour
J’utilise le **thème Horizon** avec le **plugin House Ads** officiel, et j’ai créé un composant personnalisé pour styliser les annonces en utilisant des variables CSS et des règles de mise en page compatibles avec le système de conception de Discourse.
### 📱 Problème : Le conteneur d’annonce déborde de la vue sur mobile (LTR et RTL)
- **Thème** : Horizon (non reproductible dans les thèmes par défaut ou autres comme Material, etc.)
- **Plugin** : House Ads + composant personnalisé
- **Appareil** : Mobile
- **Comportement** :
- Lorsque **la langue du site = Anglais (LTR)** → le bord gauche de `.ad-container` est coupé (déborde à gauche).
- Lorsque **la langue du site = Persan/Arabe (RTL)** → le bord droit est coupé (déborde à droite).
- **Attendu** : La carte d’annonce doit être entièrement contenue dans la vue, centrée ou alignée avec la largeur du contenu de la publication.
### Mon code CSS :
> **Résumé**
>
> ```plaintext
> :root {
> /* Couleurs de base */
> --ad-bg: var(--secondary);
> --ad-border: var(--highlight);
> --ad-text: var(--primary);
>
> /* Étiquette */
> --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;
> }
>
> /* ===============================
> Conteneur de carte
> =============================== */
>
> .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%;
>
> }
> }
>
> ```
---
### Author:  [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [Janvier 30, 2026, 12:32 UTC](https://meta.discourse.org/t/horizon-theme/360486/56 "2026-01-30T12:32:27Z")
Horizon n’est pas compatible avec tous les composants et plugins (pour l’instant).
> [@Discourse](#):
>
> ### Compatible
>
> _Nous avons testé les fonctionnalités suivantes avec Horizon et avons confirmé qu’elles fonctionnent. Il pourrait y avoir des possibilités d’amélioration ; veuillez nous faire savoir si vous avez des idées sur la façon d’améliorer la compatibilité. Tout ce qui n’est pas listé ici est soit partiellement compatible, soit incompatible, soit pas encore testé._
>
> - [Discourse Solved](https://meta.discourse.org/t/discourse-solved/30155)
> - [Clickable Topic](https://meta.discourse.org/t/clickable-topic/183339)
> - [DiscoTOC](https://meta.discourse.org/t/discotoc-automatic-table-of-contents/111143)
---
### Author:  [@stephtara](https://meta.discourse.org/u/stephtara)
#### Post date: [Février 8, 2026, 4:02 UTC](https://meta.discourse.org/t/horizon-theme/360486/58 "2026-02-08T16:02:37Z")
Je ne sais pas si c’est le bon endroit pour poster ceci, mais j’aime la façon dont Horizon sur Meta affiche quelques lignes de chaque sujet dans la vue de catégorie. Je n’arrive pas à le reproduire de mon côté et je ne sais pas par où commencer à chercher. Merci !!
---
### Author:  [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [Février 8, 2026, 4:35 UTC](https://meta.discourse.org/t/horizon-theme/360486/59 "2026-02-08T16:35:37Z")
vous pouvez en lire plus ici
> [@Horizon: High Context Topic Cards](https://meta.discourse.org/t/horizon-high-context-topic-cards/393470):
>
> 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](https://meta.discourse.org/t/discourse-solved/30155) (1) [Topic Voting](https://meta.discourse.org/t/discourse-topic-voting/40121) (2) [Assign](https://meta.discourse.org/t/discourse-assign/58044) (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 Mobile
---
### Author:  [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [Février 11, 2026, 3:07 UTC](https://meta.discourse.org/t/horizon-theme/360486/60 "2026-02-11T15:07:30Z")
9 messages ont été déplacés vers un nouveau sujet : [Problème RTL avec le placement de @ dans les noms d’utilisateur](https://meta.discourse.org/t/rtl-issue-with-placement-in-user-names/395810)
---
### Author:  [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [Février 16, 2026, 4:16 UTC](https://meta.discourse.org/t/horizon-theme/360486/61 "2026-02-16T16:16:23Z")
2 messages ont été déplacés vers un nouveau sujet : [Vue compacte/développée ne fonctionne pas sur Horizon](https://meta.discourse.org/t/compact-expanded-view-not-working-on-horizon/396206)
---
### Author:  [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [Février 12, 2026, 4:51 UTC](https://meta.discourse.org/t/horizon-theme/360486/64 "2026-02-12T04:51:49Z")
Les sujets épinglés globalement ont leur extrait aligné à droite (ceci est sur mon forum gratuit) :
---
### Author:  [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [Février 14, 2026, 9:47 UTC](https://meta.discourse.org/t/horizon-theme/360486/65 "2026-02-14T09:47:42Z")
2 messages ont été déplacés vers un nouveau sujet : [Interaction Horizon avec l’en-tête de marque](https://meta.discourse.org/t/horizon-interaction-with-brand-header/396096)
---
### Author:  [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [Février 14, 2026, 9:49 UTC](https://meta.discourse.org/t/horizon-theme/360486/67 "2026-02-14T09:49:14Z")
Un message a été divisé dans un nouveau sujet : [Problèmes de Flair sur Horizon](https://meta.discourse.org/t/flair-issues-on-horizon/396097)
---
### Author:  [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [Février 16, 2026, 4:11 UTC](https://meta.discourse.org/t/horizon-theme/360486/69 "2026-02-16T16:11:53Z")
Un message a été divisé dans un nouveau sujet : [Problème d’affichage des sous-catégories à deux niveaux](https://meta.discourse.org/t/two-level-subcategories-display-issue/396203)
---
### Author:  [@stephtara](https://meta.discourse.org/u/stephtara)
#### Post date: [Février 14, 2026, 8:28 UTC](https://meta.discourse.org/t/horizon-theme/360486/70 "2026-02-14T20:28:37Z")
Je ne suis pas sûr si cela concerne Horizon ou le composant [Header Categories Navbar](https://meta.discourse.org/t/header-categories-navbar/249179). On m’a fait remarquer que la barre de menu sur Horizon commence tout à fait à gauche, contrairement à d’autres thèmes (Foundation pour comparaison), ce qui est étrange sur les écrans larges.
Horizon :
Foundation :
Est-ce souhaité ? Ou quelque chose qui pourrait nécessiter une correction ? Je dois dire que si la largeur du contenu est limitée, il me semblerait logique de ne pas avoir la barre de menu qui commence tout à fait à gauche.
---
### Author:  [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [Février 16, 2026, 4:05 UTC](https://meta.discourse.org/t/horizon-theme/360486/71 "2026-02-16T16:05:46Z")
> [@NateDhaliwal](#):
>
> Les sujets épinglés globalement ont leur extrait aligné à droite (c’est le cas sur mon forum gratuit) :
Pouvez-vous toujours reproduire cela ? Pour l’instant, je ne peux pas le faire localement.
[Previous page](https://meta.discourse.org/t/horizon-theme/360486.md?page=2)
[Next page](https://meta.discourse.org/t/horizon-theme/360486.md?page=4)