Boa noite,
Estou tentando deixar todos os botões do meu fórum com um formato mais arredondado. Usei o CSS dentro de CSS/HTML:
.btn { border-radius: 5px; }
Isso funciona na aba de pré-visualização, mas não funciona no fórum ativo após incluir o componente nesses temas.
Atualmente no fórum:
Após usar CSS:
Aqui no Meta, usando o tema Fully, os botões são arredondados. No entanto, usando este tema no meu fórum, eles não são.
Heliosurge
(Dan DeMontmorency)
Julho 17, 2024, 7:47pm
2
Experimente este Theme component
Este adicionará opções para arredondar outras coisas como citações, imagens e mais
Created a very simple component to change the borders of images, oneboxes, blockquotes and staff notices shown in topics.
Allows change of the following settings
set image rounding intensity
set image border width
set image border color
set onebox rounding intensity
change onebox border width
change onebox border color
change onebox background color
set rounding blockquotes intensity
remove left border from blockquotes
set ‘staff color’ rounding intensity
topic thumbnail support for:
list ro…
Meu Deus! Eu sempre digo aos meus usuários para usarem a função de busca antes de criar um tópico!
Agora sou culpado da mesma coisa! Eu estava procurando por “botões arredondados”. Foi mais complexo do que precisava ser. Eu deveria ter apenas procurado por “botões”.
Heliosurge
(Dan DeMontmorency)
Julho 17, 2024, 7:52pm
4
Bem, eu usei este termo de pesquisa.
"#theme-component Round"
Você também pode fazer
:root {
--d-button-border-radius: 5px
}
ou
:root {
--d-border-radius: 5px;
}
se você realmente quiser cantos arredondados em todos os lugares
Hmm… novamente, ambos parecem funcionar apenas no modo de visualização, mesmo após atualizar o fórum e fazer login e logout.
Jagster
(Jakke Flemming)
Julho 17, 2024, 8:05pm
7
Aaron Walsh:
use the search function
Ferida aberta à vista… onde está meu sal
Quinto golpe:
Desculpe amigo, eu simplesmente não resisti à tentação
Heliosurge
(Dan DeMontmorency)
Julho 17, 2024, 8:08pm
8
Após instalar um componente e para aplicá-lo, você precisa adicioná-lo aos seus temas e, em seguida, atualizar a página.
Depois disso, ele deve ficar visível, logado ou não.
A pré-visualização serve apenas para testes sem nenhum tema ativo.
Moin
Julho 17, 2024, 8:10pm
9
Você adicionou algum outro componente que também personaliza os botões?
como Bordas de Imagem Arredondadas
Desculpe, eu estava respondendo à postagem de @awesomerobot com o CSS.
Heliosurge
(Dan DeMontmorency)
Julho 17, 2024, 8:11pm
11
O mesmo vale para a criação de um componente personalizado. Depois de salvá-lo, você precisa adicioná-lo aos seus temas.
Feito isso também.
Estou apenas olhando a resposta do @Moin e não vejo nada que conflite com o componente personalizado. Vou mergulhar fundo em "Estilo de Botão do Discourse". Eu já tive isso antes e, para ser honesto, havia muitas caixas vazias, e meu cérebro com TDAH não conseguia lidar com isso, haha! Um CSS simples funcionaria para mim (se funcionasse).
Sim, eu tenho isso. Então isso está em conflito com o componente personalizado?
Então terei que criar manualmente CSS para os botões, avatar e imagens que estou querendo/olhando.
Moin
Julho 17, 2024, 8:28pm
14
Há uma configuração button settings enabled, então provavelmente
Preciso ter certeza de que verifiquei todas as opções antes de passar para outro componente.
Ambos
Intensidade do canto do botão
Intensidade do canto da caixa de estilo da categoria
foram definidos como 0px.
Desculpe por perder tempo! Mas bom trabalho em equipe!
MarcP
(MarcP)
Julho 19, 2024, 4:59pm
16
Isso é bom. Acho que meu componente atualmente cobre a maioria dos botões, mas eu não sabia dessa abordagem, obrigado.