Sites via DiscourseHub entrent en conflit avec les éléments de la barre supérieure sur iPhone 14 Pro Max

Les sites via Safari fonctionnent bien :

Alors que les mêmes sites via DiscourseHub se chevauchent en haut de l’écran :


Test des thèmes Light et Focused Sidebar.

Il est assez difficile d’activer quoi que ce soit dans la barre supérieure du site pendant qu’ils se chevauchent ainsi.

iPhone 14 Pro Max, iOS 16.0.1 (version de détail actuelle).

3 « J'aime »

Je viens de commenter sur Titlebar is not displaying properly - #13 by spdegabrielle mais je vois maintenant votre publication et je pense qu’elles pourraient être liées.

1 « J'aime »

J’ai participé à celui-ci aussi, il est plus lié au thème de la barre latérale ciblée. Celui-ci est spécifique au matériel. En conséquence, l’une de mes captures d’écran ci-dessus présente les deux.

1 « J'aime »

Merci @Stephen - nous avons une solution en préparation et nous vous informerons ici lorsqu’elle sera publiée

7 « J'aime »

Il est un peu difficile à dire, mais est-ce la même chose que ce que je vois ici sur https://community.wanikani.com ? La différence est que je vois cela sur les navigateurs de bureau et mobiles (je n’utilise pas DiscourseHub), donc je n’étais pas sûr.

Je pense que c’est parce qu’il utilise height: 100% sur le logo.

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

C’est probablement une bonne idée d’ajouter à #site-logo le max-height: var(--header-offset) de base pour éviter cela. :thinking:

Correction rapide :arrow_down_small:

Supprimez ceci de votre thème personnalisé

Depuis le bureau theme_1
Screenshot 2022-09-17 at 17.42.59

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

Et depuis le mobile theme_1
Screenshot 2022-09-17 at 17.46.52

.d-header {
  #site-logo {
    height: 100%;
    max-height: 100%;
  }
}
Ajoutez ceci à votre thème personnalisé

Ajoutez ceci au commun :arrow_down_small:

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

Ajoutez ceci au bureau :arrow_down_small:

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

Ajoutez ceci à la section mobile :arrow_down_small:

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

Après ces changements :arrow_down_small:

Bureau :

Mobile :
Screenshot 2022-09-17 at 18.04.00

2 « J'aime »

Merci pour la suggestion. Malheureusement, je ne suis pas administrateur du site, donc je ne peux pas faire grand-chose.

La mise à jour de Discourse Hub a touché l’App Store iOS et tout semble à nouveau en ordre.

2 « J'aime »

Je pense que cela pourrait être iOS 16 ? Je vois que vous l’utilisez, et j’ai eu ce problème sur Roblox aujourd’hui.

1 « J'aime »

La compatibilité avec l’iPhone 14 Pro est disponible dans Discourse Hub 1.8.3 !

Faites-moi savoir s’il y a d’autres conflits entre l’en-tête du forum et l’interface iOS. :smiley: (pas seulement sur le dernier iPhone)

4 « J'aime »

Est-ce la publication d’il y a six jours, ou une autre ?

1 « J'aime »

Oui, celui-là !

3 « J'aime »