Largura Personalizada do Discourse

Componente de tema
1

| | | |\n|— | — | —|\n|:information_source: | Resumo | Defina uma largura personalizada para o seu fórum Discourse|\n|:eyeglasses: | Prévia | https://discourse.theme-creator.io/theme/Canapin/custom-discourse-width (largura de 1400px)|\n|:hammer_and_wrench: | Repositório | https://github.com/Canapin/Discourse-custom-width|\n|:question: | Guia de Instalação | Como instalar um tema ou componente de tema|\n|:open_book: | Novo em Temas Discourse? | Guia para iniciantes no uso de Temas Discourse|\n\n\u003c!-- Preencha "repoName" e "repoURL" para o botão de instalação automática –\u003e\n\n[wrap=theme-install-button repoName="Discourse Custom Width" repoUrl="https://github.com/Canapin/Discourse-custom-width\"]\nInstale este componente de tema\n[/wrap]\n\n\u003c!-- Descreva este tema/componente em uma ou duas frases –\u003e\n\nEste componente de tema muito simples tem uma única configuração que define a largura do seu fórum.\n\n

image
image748×791 20.7 KB
\n\nA largura não pode exceder a largura da sua janela ou ser menor que a largura máxima padrão do Discourse de 1110px.\n\n\u003c!-- Adicione capturas de tela (se aplicável) –\u003e\n\nExemplo de largura com 1400px:\n
2498×1369 245 KB
\n\u003c!-- Adicione mais detalhes e explique as configurações (se aplicável) –\u003e

7 curtidas
2

Olá!

Por que apenas largura fixa com px?

Eu tenho isto no meu CSS:

:root {
	--d-max-width: 80%;
}

.topic-body {
	width: 90%;
}

#reply-control {
    max-width: 80%;
}

.body-page {
    width: 100%;
    max-width: 100%;
}
3 curtidas
3

Esta é uma boa ideia para permitir outras unidades, mas neste caso, eu não saberia como impedir que os usuários definissem um valor muito baixo que quebraria o layout.

Estou aberto a quaisquer ideias e PRs :slight_smile:

2 curtidas
4

Este componente de tema está relacionado de alguma forma ao tema de largura total claro?

5

Essa é uma pergunta muito boa, mas acho que você tem que confiar nos usuários.

Eu separaria o valor da unidade e faria uma “consulta if-else” dentro do CSS se eles usarem px ou % e, em seguida, um segundo if para verificar o valor se for muito pequeno.

if px
   if value < 1100px
     set value 1100
   else
     set value to variable
else if %
   if value < 50 %
     set value 50%
   else
     set value to variable

Sendo honesto, não sei no momento se isso é possível em um arquivo CSS.

2 curtidas
6

Não tem. Você tem um link para este tema? Não consegui encontrar :thinking:

2 curtidas
7

Eu adoraria ter "largura total leve" também.

Alguém da @equipe pode, por favor, liberar o CSS para isso?

2 curtidas
8

Não consigo encontrar também, acho que este tema é exclusivo deste fórum.

1 curtida
9

Eu vi o tema sobre o qual você está falando. Sim, parece um com o outro e eu também poderia adicionar uma configuração para definir a largura do conteúdo.

Para tornar o componente do tema mais exclusivo, eu poderia definir os campos nas configurações do usuário para que todos pudessem ter sua própria largura preferida.

2 curtidas
10

Eu também tenho procurado essa resposta!

@sam @Falco alguma ideia de onde podemos encontrar informações sobre como fazer o tema de largura total claro e escuro? :innocent:

1 curtida
11

Eu acho que aqui está o repositório do tema de largura total: GitHub - discourse/discourse-full-width-component: Make Discourse occupy the full browser width

5 curtidas
13

Encontrei o mesmo problema na postagem original no plugin multilíngue, os links parecem quebrados.

1 curtida