Siti tramite DiscourseHub si scontrano con elementi della barra superiore su iPhone 14 Pro Max

I siti tramite Safari vanno bene:

Mentre gli stessi siti tramite DiscourseHub si scontrano in cima allo schermo:


Testando sia i temi Light che Focused Sidebar.

È piuttosto difficile attivare qualsiasi cosa nella barra superiore del sito mentre si sovrappongono in questo modo.

iPhone 14 Pro Max, iOS 16.0.1 (rilascio retail corrente).

3 Mi Piace

Ho appena commentato su Titlebar is not displaying properly - #13 by spdegabrielle ma ora vedo il tuo post, penso che potrebbero essere correlati

1 Mi Piace

Partecipavo anch’io a quello, è più legato al tema della barra laterale focalizzata. Questo è specifico per l’hardware. Di conseguenza, uno dei miei screenshot sopra ne mostra entrambi.

1 Mi Piace

Grazie @Stephen: abbiamo una correzione in programma e aggiorneremo qui quando verrà rilasciata

7 Mi Piace

È un po’ difficile dirlo, ma è la stessa cosa che vedo qui su https://community.wanikani.com? La differenza è che lo vedo sia sui browser desktop che su quelli mobili (non uso DiscourseHub), quindi non ero sicuro.

Penso che questo sia dovuto all’uso di height: 100% sul logo.

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

Probabilmente è una buona idea aggiungere a #site-logo max-height: var(--header-offset) per evitarlo. :thinking:

Soluzione rapida :arrow_down_small:

Rimuovi questi dal tuo tema personalizzato

Da Desktop theme_1
Screenshot 2022-09-17 at 17.42.59

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

E da Mobile theme_1
Screenshot 2022-09-17 at 17.46.52

.d-header {
  #site-logo {
    height: 100%;
    max-height: 100%;
  }
}
Aggiungi questi al tuo tema personalizzato

Aggiungi questo a common :arrow_down_small:

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

Aggiungi questo a desktop :arrow_down_small:

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

Aggiungi questo alla sezione mobile :arrow_down_small:

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

Dopo queste modifiche :arrow_down_small:

Desktop:

Mobile:
Screenshot 2022-09-17 at 18.04.00

2 Mi Piace

Grazie per il suggerimento. Sfortunatamente non sono un amministratore del sito, quindi non posso fare molto.

L’aggiornamento di Discourse Hub è arrivato sull’App Store di iOS e tutto sembra di nuovo a posto.

2 Mi Piace

Credo che possa essere iOS 16? Ti vedo usarlo e oggi ho avuto questo problema su Roblox.

1 Mi Piace

La compatibilità con iPhone 14 Pro è stata rilasciata in Discourse Hub 1.8.3!

Fammi sapere se ci sono altre collisioni tra l’intestazione del forum e l’interfaccia iOS. :smiley: (non solo sull’ultimo iPhone)

4 Mi Piace

È la pubblicazione di sei giorni fa, o un’altra?

1 Mi Piace

Sì, quello!

3 Mi Piace