Heliosurge
(Dan DeMontmorency)
Fevereiro 17, 2024, 5:06am
486
Acredito que você possa criar um novo Theme component e substituir as fontes
Este computador pode ser modificado ou você pode encontrar fontes no Google Fonts que lhe agradem
.Google Fonts
O cabeçalho você pode direcionar e ajustar com CSS, acredito
Talvez não seja exatamente o que você procura. Mas talvez seja de interesse.
Clo
Março 1, 2024, 7:15am
487
Olá a todos
Obrigado por um tema tão bom!
Estou apenas com dificuldades em algo. Notei que no celular, algumas das abas de Preferências de Perfil não têm um fundo sólido, o que faz com que pareça um pouco estranho. Veja a imagem abaixo como referência:
A página de erro na versão mobile faz a mesma coisa. Todas estão boas na visualização desktop/tablet, mas a versão mobile parece ter CSS diferente?
Alguém sabe como/onde posso mudar isso? Não tenho experiência em codificação, então precisaria contratar um desenvolvedor para fazer isso por mim?
1 curtida
Clo
Março 1, 2024, 7:24am
488
Aqui está um exemplo de como fica no tablet/celular e também de como a maioria das outras abas ficam:
1 curtida
Moin
Março 1, 2024, 7:36am
489
Bem-vindo à Meta!
Eu não acho. Este é um tema official , então ele é mantido pela equipe do Discourse. Mas mesmo outros temas que são compartilhados aqui são frequentemente corrigidos pelo mantenedor quando você relata um problema.
Eu consigo reproduzir seu problema aqui. Parece ainda pior do que sua captura de tela, porque a prévia da mensagem é mais larga do que minha tela.
1 curtida
Gonerdot
(Gonerdot)
Março 4, 2024, 4:51pm
490
Alguém sabe como ocultar a classe td?\n\n
1 curtida
Você pode tentar este CSS:
.topic-list {
.topic-list-header .posts,
.topic-list-body .posts {
display: none !important;
}
}
2 curtidas
Gonerdot
(Gonerdot)
Março 4, 2024, 5:05pm
492
Sim, tentei escondê-los dessa forma. Divs regulares são ocultados, mas não funciona com td. Tentei várias opções:
.td.num.posts... {
display: none;
}
.td:num.posts... {
display: none;
}
1 curtida
Eu testei meu CSS e funcionou para mim. Você testou?
Falta o !important para este tema.
3 curtidas
Gonerdot
(Gonerdot)
Março 4, 2024, 5:12pm
494
Obrigado @chapoi
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posts,
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.age,
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posters {
display: none;
}
3 curtidas
Gonerdot
(Gonerdot)
Março 4, 2024, 5:30pm
495
Há algum espaço vazio no topo. Existe alguma forma de removê-lo? Não consigo encontrar nada usando o inspetor de elementos.
E eu gostaria de aumentar a largura do bloco com o conteúdo do tópico
@jordan.vidrine
Steven
Março 5, 2024, 1:24pm
496
Existe um margin-top na classe main-outlet
Você deve adicionar isto:
html body #main-outlet {
margin-top: 0;
}
Eu nunca usei isso ainda, mas existe uma configuração topic-width no CSS, em um elemento raiz.
Adicione isto, ele deve adaptar todo o resto:
:root {
--topic-body-width: 750px;
}
1 curtida
Gonerdot
(Gonerdot)
Março 5, 2024, 6:49pm
498
Ao mesmo tempo, parece normal. Obrigado
.container.posts {
grid-template-columns: 90% 10%;
}
Obrigado por compartilhar! Darei uma olhada nisso em breve.
1 curtida
Isso foi corrigido na última mesclagem de um PR
1 curtida
Gonerdot
(Gonerdot)
Março 9, 2024, 12:16pm
501
Por favor, diga-me como recortar a imagem de fundo desta forma, com cantos arredondados simetricamente.
Agora o código está assim:
html .background-container {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background: url(https://site/uploads/default/original/2X/2/26d48362654a9e03c716eeaff4a176cbbd01d6b8.png);
background-size: cover;
}
1 curtida
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background: linear-gradient(
90deg,
var(--tertiary-hover) 0%,
var(--tertiary) 100%
);
clip-path: ellipse(148% 70% at 91% -14%);
}
}
html body #main-outlet {
margin-top: 30px;
margin-bottom: 50px;
background: var(--secondary);
border-radius: 1em;
padding: 3em 3em 5%;
max-width: 1150px;
Você vai querer editar as propriedades do clip path. Você pode aprender mais sobre isso em sites como css tricks.
2 curtidas
Moin
Março 15, 2024, 7:21pm
503
Quando uso o tema aqui na Meta, os ícones na frente de Citar, Editar, Copiar Citação e Perguntar à IA estão invisíveis.
1 curtida
Hmm, qual esquema de cores você está usando? O plano de fundo disso não é o que o tema usa.
Moin
Março 15, 2024, 7:42pm
505
O WCAG Light definitivamente tem o problema, mas mudei para "tema padrão"
e ainda era o mesmo. Eu atualizei para verificar se o esquema de cores foi salvo, então espero que não seja afetado pelo meu
problema com a alteração de esquemas de cores. O azul no fundo ficou mais claro depois que mudei para o esquema de cores padrão.
2 curtidas