DevTools

[leonardojleal]

Meu DevTools não aparece as opções para adicionar sombras, por exemplo. Quando passo o mouse no símbolo + ele pede para clicar e abrir uma nova aba.

[rafinha-dev]

Quando passo o mouse no símbolo + ele pede para clicar e abrir uma nova aba.

Olá, o box-shadow propriedade do css não faz parte do modelo de caixas, então não é possível seleciona-lo diretamente. Quando selecionar o objeto no dev tools irá aparecer as configurações de css das estilizações que você fez. Certo?

Depois disso clique na propriedade box-shadow e altere as unidades de medida manualmente pelo teclado reescrevendo a quantidade de pixels que você deseja. Caso queira fazer isso pelo mouse basta clicar em cima e rolar o scrow do mouse em cima do número selecionado.

Acredito que essa era sua dúvida, certo?

[leonardojleal]

Entendi, acredito que irá funcionar desta forma sim. Irei verificar, muito obrigado!

[PedroAdeoli]

Acabei de me deparar com esse problema também. O mestre Guanabara, em suas aulas, nos ensina a passar o mouse em 3 pontinhos verticais para habilitar o editor de sombras na própria DevTools mesmo que não tivéssemos habilitado a box-shadow no VScode. Mas ao tentar, aparece somente a opção de criar uma nova regra de estilo (ícone +), tendo então que inserir manualmente a box-shadow. Somente depois de inserido, a DevTools nos dará a opção de editar sombras.