Personnalisation de l'apparence du chat

Dev
1

J’essaie de personnaliser la nouvelle fenêtre de chat (mode plein écran) sur le bureau.

J’ai le CSS que j’aimerais utiliser, mais je n’arrive pas à trouver où le placer dans mon thème pour qu’il prenne effet.

J’ai essayé…

my_theme/desktop/chat.scss
my_theme/desktop/chat_desktop.scss
my_theme/common/chat.scss
my_theme/common/chat_desktop.scss

Aucun de ceux-ci ne semble remplacer le CSS par défaut.

Pour être complet, voici le CSS que j’essaie d’injecter.

// Ajuster l'apparence du chat en plein écran

.full-page-chat .chat-full-page-header {
	background: var(--primary-very-low);
}

.full-page-chat .chat-full-page-header {
	border-top: 0px;
}

:root {
	--d-max-width: 2000px;
}

.has-full-page-chat:not(.discourse-sidebar) {
	--max-chat-width: 2000px;
}

#main-outlet-wrapper {
	padding: 0 0px;
}
1 « J'aime »
2

La structure de nommage de votre dossier/fichier est incorrecte.

Lisez ceci : Developing Discourse Themes & Theme Components

3 « J'aime »
3

Il me manque quelque chose. Qu’est-ce qui ne va pas ?

Voici la structure de mon dossier.

Screenshot 2023-01-06 at 9.22.05 AM
Screenshot 2023-01-06 at 9.22.05 AM1714×612 116 KB

1 « J'aime »
4

C’est différent de ce que vous avez partagé dans le message initial :

image
image318×127 1.55 KB

Si vous souhaitez nommer les modérateurs de chat différemment, vous devez les référencer dans le fichier principal.

2 « J'aime »
5

Désolé pour la confusion. Dans le message initial, j’essayais de communiquer quels fichiers j’avais essayé de créer et dans quels emplacements je les avais placés. Je ne veux pas nommer le mode de discussion différemment, j’essaie juste de comprendre dans quel fichier scss je devrais placer le css pour affecter uniquement le mode de discussion sur ordinateur, en plein écran.

1 « J'aime »
6

Vous pouvez placer votre CSS dans theme/desktop/desktop.scss — pour avoir un impact sur le chat, il n’est pas nécessaire qu’il soit dans un fichier spécifique au chat, il suffit de cibler les classes pertinentes.

6 « J'aime »
7

Vous pouvez utiliser @import "chat" ou un équivalent pour les importer dans votre fichier principal.

2 « J'aime »
8

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.