0
146
VistasActualización de la altura de los widgets en React a través del nombre de clase disponible en DOM
Estoy usando un widget en mi aplicación React que no tiene un atributo de altura. Sin embargo, puedo editar el div que aparece en mi DOM para que se ajuste a mis necesidades. No puedo acceder a ese div a través de mi código para ajustar la altura. Este es mi widget:
<TradeViewChart pair="BTCUSDT" interval="1m" chartLayout={{ layout: { backgroundColor: "black", textColor: "white", }, grid: { vertLines: { color: "transparent", }, horzLines: { color: "transparent", }, }, }} /> Así es como aparece en el DOM: 
Necesito acceder a esta class y ajustar la altura. ¿Cómo puedo hacer eso?
La siguiente captura de pantalla muestra la diferencia entre la altura ajustada y no ajustada" 
¿Cómo accedo a esa clase en mi código para poder ajustar la altura de mis widgets?
·
Juan Pablo Isaza
2 Respuestas
Responde la pregunta0
.chat-img .chartContainer .tv-lightweight-charts{ height: 20px; }por favor vuelva a revisar la ortografía de las clases
·
Juan Pablo Isaza
Denunciar
0
Para sobrescribir css que está en un atributo de style , debe usar !important intente esto:
.tv-lightweight-charts { height: 22px !important; }
·
Juan Pablo Isaza
Denunciar
Responde la pregunta