Puede seleccionar entre una variedad de colores o elegir colores de su paleta para que coincidan con su tema. También puede establecer la opacidad del fondo de la burbuja en relación con el color y el fondo.
Tengo una duda porque nunca he trabajado con plugins…
¿Sería posible permitir un código hexadecimal con opacidad, en lugar de solo permitir los colores del sistema? No hay problema si eso implica mucho trabajo extra. Solo tenía curiosidad.
¿Y si quisiera cambiar el estilo? de la sombra u otros aspectos de CSS. No soy muy experto en GitHub y en cómo funciona todo eso, pero revisé tu repositorio .git antes de copiarlo en los componentes de mi tema. Sé escribir CSS. ¿Podría hacer una copia de tu plugin, modificar el archivo CSS que tienes y luego subirlo como un nuevo componente de tema con el estilo que yo quiera?
Si pudieras indicarme alguna instrucción sobre cómo modificar un plugin, sería genial. O, supongo que podría simplemente hacer una sobrescritura de CSS en el front-end. ¿Hay alguna opción que sea mejor que la otra en términos de rendimiento?
De nuevo… ¡Muchas gracias por esto… es exactamente la solución que buscaba para diferenciar los DM de los temas normales!
Gracias @jord8on. Es genial recibir comentarios como este.
Haré que la sombra de la gota sea personalizable como una opción de configuración.
En cuanto a crear/editar tu propio CSS, es sencillo. Carga el componente y haz clic en la sección CSS/HTML personalizado en la configuración del componente.
Simplemente edita la hoja de CSS y haz clic en guardar. Estas son tus propias personalizaciones. Si deseas compartirlas e incorporarlas al componente para que todos se beneficien, simplemente publica el CSS en este tema en discourse meta o, como objetivo a más largo plazo, aprende cómo hacer pull requests en GitHub y/o bifurca el repositorio si estás realizando cambios más sustanciales.
¡Es una solución tan sencilla para distinguir significativamente los mensajes privados de los temas estándar en nuestro foro!
Acabo de preguntar a un miembro qué le parecía y estaba muy, muy feliz de tenerlo. Alabó la idea y la ejecución, así que solo quería hacértelo llegar!!
He actualizado este componente del tema para que ahora puedas ingresar tus propios colores utilizando:
nombres de colores HTML (black, white, maroon, red, purple, green, lime, olive, yellow, navy, blue, teal, aqua)
códigos de colores HTML (#000000 black, #FFFFFF white, etc., o códigos cortos, por ejemplo, #CCC)
nombres de colores del tema (primary, secondary, tertiary)
También puedes ingresar tus propios colores de texto para los mensajes de la misma manera para que contrasten con el color de la burbuja.
La configuración de opacidad te permite mezclar el color de la burbuja con el fondo, de modo que el color cambiará según tus ajustes de tema, por ejemplo, para temas claros y oscuros.
Esta actualización es compatible con versiones anteriores. Para acceder a esta función, utiliza el botón “Buscar actualizaciones” en la configuración de tu tema.
Desactivé los bordes con CSS personalizado y solo hice un cambio de color sutil, que queda muy bien. Sería genial si esto tuviera una opción para modificar los bordes o simplemente un interruptor de encendido/apagado.
Por cierto, como puedes ver, he instalado el componente dos veces y configurado colores oscuros para nuestro tema oscuro y colores claros para nuestro tema claro. Creo que no hay otra forma si queremos usar colores CSS personalizados.
También tengo una pequeña sugerencia: permites añadir algo al final del botón de respuesta, pero en algunos idiomas (como el turco) es más preferible añadir algo al principio, ya que el verbo se encuentra al final de las oraciones en esos idiomas.
Sí, es una buena solución temporal. ¿Tiene algún impacto el cambio planeado en Discourse para eliminar la capacidad de modificar localmente los temas y componentes de Discourse en tu implementación? Claramente ha sido útil aquí.
Me refería a este anuncio en la versión Beta. Aún puedes modificar el CSS, pero tendrás que crear un nuevo componente de tema, que ya no esté vinculado al repositorio git, y copiar todo el código. ¿Es eso lo que hiciste, o hiciste lo más sencillo y editaste el CSS directamente en el componente?
Esto me parece problemático. Preferiría mantener la capacidad de editar temas in situ. Ciertamente ayuda en el desarrollo de temas y componentes.
Tengo un componente local llamado ‘subtema común’ donde realizo ediciones para otros componentes. En este subtema, apunto a las clases, elementos, etc., de otros componentes. Mientras el autor del componente no cambie los nombres de sus clases, IDs, etc., todo está bien y funciona. Actualmente, ya que también has incluido la eliminación del borde, no necesito ninguna modificación en mi subtema para el componente de Burbujas de Mensaje Personal, por cierto.
¡Hola y gracias por este componente de tema tan agradable.
Un posible error: Parece que la opción de texto “añadido” incluye un espacio antes de la cadena en la parte inferior del tema del mensaje, pero no lo incluye en la ventana del editor. Vea a continuación:
@Rhidian, ¿podrías también añadir la opción de agregar texto al inicio del botón de Respuesta? En algunos idiomas (como el turco) tendría sentido añadir algo de texto al principio de un verbo.
¡Gran componente! ¿Tenemos algo similar para los mensajes reales en los temas? Me refiero a un componente que haga que los mensajes se vean como burbujas de chat.
He añadido la opción de agregar texto antes del botón de Respuesta. Esto también oculta la flecha SVG de respuesta que aparece antes del texto “Respuesta”.
La funcionalidad de este componente de tema fue agregada al núcleo de Discourse desde la versión 2.8.0 en adelante. ¡No obtendrá mucho beneficio si continúa usándolo después de actualizar a una versión superior a esa!
