Sitios vía DiscourseHub chocan con elementos de la barra superior en iPhone 14 Pro Max

Los sitios a través de Safari están bien:

Mientras que los mismos sitios a través de DiscourseHub chocan en la parte superior de la pantalla:


Probando los temas Light y Focused Sidebar.

Es bastante difícil activar cualquier cosa en la barra superior del sitio mientras se superponen de esta manera.

iPhone 14 Pro Max, iOS 16.0.1 (versión minorista actual).

3 Me gusta

Acabo de comentar en Titlebar is not displaying properly - #13 by spdegabrielle pero ahora veo tu publicación, creo que podrían estar relacionadas.

1 me gusta

Yo también he estado participando en ese, se relaciona más con el tema de la barra lateral enfocada. Este es específico del hardware. Como resultado, una de mis capturas de pantalla anteriores exhibe ambos.

1 me gusta

Gracias @Stephen - tenemos una solución en preparación y actualizaremos aquí cuando se lance.

7 Me gusta

Es un poco difícil de decir, pero ¿es esto lo mismo que estoy viendo aquí en https://community.wanikani.com? La diferencia es que estoy viendo esto tanto en navegadores de escritorio como móviles (no uso DiscourseHub), así que no estaba seguro.

Creo que esto se debe a que usa height: 100% en el logo.

.d-header {
  #site-logo.logo-big {
    height: 100%;
  }
}

Probablemente sea una buena idea añadir a #site-logo max-height: var(--header-offset) para prevenir esto. :thinking:

Solución rápida :arrow_down_small:

Elimina esto de tu tema personalizado

Desde Escritorio theme_1
Screenshot 2022-09-17 at 17.42.59

.d-header {
  #site-logo.logo-big {
    height: 100%;
  }
}

Y desde Móvil theme_1
Screenshot 2022-09-17 at 17.46.52

.d-header {
  #site-logo {
    height: 100%;
    max-height: 100%;
  }
}
Añade esto a tu tema personalizado

Añade esto a común :arrow_down_small:

.d-header {
  #site-logo {
    height: 100%;
    max-height: var(--header-offset);
  }
}

Añade esto a escritorio :arrow_down_small:

.d-header {
  #site-logo.logo-small {
    height: 2.667em;
  }
}

Añade esto a la sección móvil :arrow_down_small:

.d-header {
  .title {
    max-width: 100%;
    #site-logo.logo-small {
      max-height: 2.4em;
    }
  }
}

Después de estos cambios :arrow_down_small:

Escritorio:

Móvil:
Screenshot 2022-09-17 at 18.04.00

2 Me gusta

Gracias por la sugerencia. Desafortunadamente, no soy un administrador del sitio, así que no puedo hacer mucho.

La actualización de Discourse Hub llegó a la App Store de iOS y todo vuelve a verse bien.

2 Me gusta

Creo que esto podría ser iOS 16. Veo que lo estás usando y tuve este problema en Roblox hoy.

1 me gusta

¡La compatibilidad con el iPhone 14 Pro se ha lanzado en Discourse Hub 1.8.3!

Avísame si hay más conflictos entre la cabecera del foro y la interfaz de iOS. :smiley: (no solo en el último iPhone)

4 Me gusta

¿Es esa la versión de hace seis días, o alguna otra?

1 me gusta

¡Sí, ese!\n\n

3 Me gusta