FKB Pro - Tema social

Pero, ¿se podría hacer con CSS/lo que sea? :smile:

EDITAR: Ignora todo lo siguiente. El problema era el componente Discourse Topic List Author.
Además, ¿alguna idea de qué le pasó a esta barra? Actualicé mi página anoche y se convirtió aleatoriamente en esto y no puedo averiguar cómo arreglarlo. Sin embargo, todavía se ve bien en el móvil. La barra es muy ancha ahora y cuando haces clic en ella, el color del texto es del mismo color (en modo claro y oscuro) y las cosas ya no están completamente dentro del cuadro.


He comparado el CSS de mi tema con el tuyo aquí para el topic-list-header y son los mismos, así que no tengo idea de qué está causando esto.

@Don Oye, muy rápido, ¿hay alguna buena manera de ajustar estos botones para que no estén tan abarrotados en el móvil?

Un poco desordenado como está actualmente. Quizás “Responder” podría moverse al lado del área “2/2”/icono de llave inglesa y “Seguimiento” podría moverse al lado de Controles del tema. Algo más limpio.

Además, el componente de lista de temas de Discourse hace que el cuadrito en la parte inferior se vuelva muy ancho por alguna razón. ¿Hay alguna manera de evitar esto? Me tomó una eternidad darme cuenta de que era este componente el que causaba el problema, jaja.

He realizado algunos ajustes aquí:

Creo que el tema predeterminado tiene la misma alineación. :thinking: No creo que debamos cambiar esto. De todos modos, los usuarios no tienen el botón de llave inglesa.

No creo que el componente de tema Autor de la lista de temas sea compatible con este tema. Ya que tanto el tema FKB como el Autor de la lista de temas sobrescriben la plantilla del elemento de la lista de temas.

1 me gusta

¡Muchas gracias! Los revisaré en un minuto. Una pregunta rápida, sin embargo:

¿Cuál es la forma correcta de actualizar este tema si lo he bifurcado en GitHub?

Básicamente, lo bifurqué, hice mis propios cambios localmente y envié las actualizaciones a mi GitHub y luego actualicé el tema en el panel de temas de administración de mi sitio. Pero, ¿cómo lo actualizo manteniendo lo que he cambiado localmente y al mismo tiempo incluyendo los cambios que haces en él? Cuando voy a sincronizar mi bifurcación del tema con los cambios que haces, obtengo esto:

Entonces, si descarto mis propios cambios, ¿no desaparecerán todos mis cambios? Quiero mantener las ediciones que he hecho y al mismo tiempo recibir los cambios que haces en el núcleo del tema.

EDITAR: Actualicé el tema con tus últimas ediciones. Parece que el área/icono de Seguimiento ahora se ajusta a la izquierda de la pantalla y el área de página “2/2” ahora está redondeada. ¿Es esto correcto? Se ve un poco mejor en el móvil ahora, pero incluso en una cuenta de usuario normal, todavía hay ese incómodo espacio vacío en el móvil junto al número de página.

EDITAR 7 horas después: Entonces, ¿este tema no tiene opciones para “seleccionado” y “hover” en los esquemas de color? Veo todas las opciones de color excepto las últimas 2: seleccionado y hover.

Hola, @Don, además de mi respuesta anterior, ¿es posible hacer algo para que en lugar de que las publicaciones más largas tengan “Leer más…” y, una vez hecho clic, te hagan entrar en el tema, muestren todo el contenido del tema desplegado en lugar de entrar en el tema real? ¿Como funciona/funcionaba Facebook?\n\nEDITAR 17 horas después: Además, ¿hay alguna forma de que el botón de comentarios en la página principal de los foros te lleve directamente a los comentarios en lugar de elegir la publicación original o la más reciente?\n

Sí, eso es intencional.

He fusionado esto. :+1:

1 me gusta

Hola @Don

¡Gracias por el tema increíble!
Me preguntaba cómo podría cambiar la configuración para tener el tercer estilo de insignia a continuación, ya que mi sitio actualmente muestra el primer estilo de insignia.

1 me gusta

Hola :waving_hand:

Gracias :heart: Sí, hubo algunos cambios en el núcleo con las insignias de categoría. Añadiré una configuración para cambiar el estilo de estas. :slightly_smiling_face:

1 me gusta

Gracias.

Y luego, no es importante, pero también he notado 3 problemas de CSS:

1) El banner de búsqueda no muestra la barra de búsqueda correctamente en escritorio/tableta, solo en vista móvil.

Escritorio:

Móvil (que se ve bien):

2) La vista de Documentos en móvil se extiende más allá de la pantalla a la derecha:

3) Los cuadros de categoría (para subcategorías) cortan las palabras una vez que se vuelve responsivo en 3 columnas:

¿Hay alguna manera de solucionar esto también?

1 me gusta

Hola @Clo :wave:

Gracias por el informe. :slightly_smiling_face: Esta actualización cubre casi todo lo que mencionaste.

Contiene una nueva configuración donde puedes elegir entre estilos de insignia de categoría.
Aún no contiene el estilo de barra.

estilo de insignia de categoría

  • viñeta (predeterminado)
  • caja

También se agregó algo de soporte para el componente temático de la barra de búsqueda y se corrigió la vista de la lista de temas de Documentos en dispositivos móviles.


Supongo que este es el componente temático GitHub - discourse/discourse-minimal-category-boxes. Pero no puedo reproducirlo. :thinking: ¿Podrías aclarar más? ¿Sucede esto también en otros temas, por ejemplo, en el tema predeterminado?

Hola @Don

¡Muchas gracias, la barra de búsqueda y las categorías ahora se ven geniales!

Lamentablemente, la vista móvil de los Docs todavía necesita algo de relleno, creo. Ve la imagen a continuación:

El texto todavía se extiende más allá de la pantalla hacia la derecha.

Y con respecto a las cajas de categorías, no han hecho esto con ninguno de los otros temas que usé anteriormente ni con el tema predeterminado. Podría ser porque este tema tiene una barra lateral a la derecha, que los otros no tienen, ¿así que ahora las tres columnas tienen que apretarse en el medio?

Estos son los componentes que estoy usando:

El mismo problema ocurre con la página principal de categorías:

Parece que el salto de línea para el tamaño de la pantalla es demasiado tarde, lo que hace que las cajas sean demasiado pequeñas para el texto, y luego corta el texto.

¿Podrías compartir la URL de tu foro o enviármela por mensaje privado? Así podré revisar estas cosas más fácilmente. :slightly_smiling_face:

Hola, @Don, tenía una pregunta. ¿Cómo cambio los colores de la barra lateral para los modos oscuro y claro?

El color de resaltado del fondo que quiero cambiar está listado en:

--d-sidebar-highlight-background:
var(--primary-low);

pero no veo “highlight-background” en el repositorio de GitHub. Sé cómo cambiarlo localmente, pero si lo cambio de var(--primary-low); a #000000;, por ejemplo, afecta a ambos modos. ¿Cómo puedo tener un color diferente para cada modo? Nota: esto también afecta al área inferior aquí, que también necesito que sea diferente para cada modo:

Además, ¿hay alguna forma de que el botón de comentarios en la página principal de los foros te lleve directamente a los comentarios en lugar de elegir la publicación original o la más reciente?

El mío se muestra así, no adjunto al borde de la caja. ¿Cómo consigo que el mío sea así?
gggg

¡Gracias!

Oye, @Don, ¿alguna de tus actualizaciones recientes del tema rompió su instalación? Mi exportación que tengo de ayer se carga bien, pero cuando hago un fork de la versión más reciente e intento instalar un .zip de ella o desde el repositorio de GH, obtengo un Error 500.

En mis registros, obtengo:

No se pudo procesar la respuesta secuestrada correctamente: ActiveRecord::RecordNotUnique: PG::UniqueViolation: ERROR: la clave duplicada viola la restricción única “theme_field_unique_index”
DETALLE: La clave (theme_id, target_id, type_id, name)=(50, 5, 1, common/fkb-c-alternative-voting-category) ya existe.

Cada vez que intento importar el tema, el theme_id aumenta en uno, así que al menos no es un problema de theme_id…

Hola :wave:

¿Es este tu fork? https://github.com/GitHubQueenn/fkb-pro-theme2

Parece que creaste una carpeta stylesheets que duplica los archivos de la carpeta scss. Esto causa el problema porque los archivos se duplicaron e intentó importar de ambas carpetas. Si quieres hacer cambios en el estilo, por favor crea un nuevo componente de tema o cámbialo en la carpeta scss o también puedes usar el nombre stylesheets para la carpeta, pero no ambas. Pero es mejor mantener scss como lo usa el repositorio principal.

Hola, no estoy seguro de cómo está sucediendo esto. Tengo una carpeta de “stylesheets” en cada copia de seguridad desde que hago copias de seguridad del tema; nunca la creé yo mismo. Se ve así y he hecho muchos cambios en los archivos dentro de ella.

¿Estás diciendo que la elimine?

Sí, ¿es porque lo exportas desde el administrador? Supongo que esta carpeta contiene tu modificación. No estoy seguro de qué versión es, he hecho algunos cambios en estos días. Pero puedes subir estos archivos a la carpeta scss.

1 me gusta

¡Gracias! ¿Sería posible reorganizar esto y eliminar por completo el nombre de la categoría?

EDITADO 6 horas después: Además, ¿funcionaría correctamente tu tema si combinara todos los archivos .scss en un solo archivo grande? Estoy tratando de optimizar mi sitio tanto como sea posible y algunos sitios de pruebas de rendimiento dicen que tiene que cargar muchos archivos css y js, principalmente del tema. Recomendaron reducir la cantidad de archivos y juntar todo en uno.

Conflictos con discourse-tab-bar-theme, se recomienda añadir una altura de botón personalizada

Este plugin parece increíble.

¿Hay algún plugin que tenga un concepto de “amigo” de tal manera que tengas que aceptar una solicitud de amistad para que alguien pueda ver tus publicaciones en su feed?