Heliosurge
(Dan DeMontmorency)
17 Fevereiro , 2024 05:06
486
Acho que você pode criar um novo componente de tema (Customization > Theme component ) e substituir as fontes.
Talvez seja possível modificar esse computador ou você pode encontrar no Google Fonts as fontes que mais lhe agradarem.
.Google Fonts
Acho que você pode direcionar e ajustar o cabeçalho usando CSS.
Pode não ser exatamente o que você está procurando, mas talvez seja do seu interesse.
Clo
1 Março , 2024 07:15
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 Curtiu
Clo
1 Março , 2024 07:24
488
Aqui está um exemplo de como fica no tablet/celular e também de como a maioria das outras abas ficam:
1 Curtiu
Moin
1 Março , 2024 07:36
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 Curtiu
Gonerdot
(Gonerdot)
4 Março , 2024 16:51
490
Alguém sabe como ocultar a classe td?\n\n
1 Curtiu
Você pode tentar este CSS:
.topic-list {
.topic-list-header .posts,
.topic-list-body .posts {
display: none !important;
}
}
2 Curtiram
Gonerdot
(Gonerdot)
4 Março , 2024 17:05
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 Curtiu
Eu testei meu CSS e funcionou para mim. Você testou?
Falta o !important para este tema.
3 Curtiram
Gonerdot
(Gonerdot)
4 Março , 2024 17:12
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 Curtiram
Gonerdot
(Gonerdot)
4 Março , 2024 17:30
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
5 Março , 2024 13:24
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 Curtiu
Gonerdot
(Gonerdot)
5 Março , 2024 18:49
498
Ao mesmo tempo, parece normal. Obrigado
.container.posts {
grid-template-columns: 90% 10%;
}
Obrigado por compartilhar! Darei uma olhada nisso em breve.
1 Curtiu
Isso foi corrigido na última mesclagem de um PR
1 Curtiu
Gonerdot
(Gonerdot)
9 Março , 2024 12:16
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 Curtiu
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 Curtiram
Moin
15 Março , 2024 19:21
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 Curtiu
Hmm, qual esquema de cores você está usando? O plano de fundo disso não é o que o tema usa.
Moin
15 Março , 2024 19:42
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 Curtiram