Sites via DiscourseHub colidindo com elementos da barra superior no iPhone 14 Pro Max

Sites no Safari estão bons:

Enquanto os mesmos sites via DiscourseHub colidem no topo da tela:


Testando os temas Light e Focused Sidebar.

É bem difícil ativar qualquer coisa na barra superior do site enquanto eles se sobrepõem assim.

iPhone 14 Pro Max, iOS 16.0.1 (versão de varejo atual).

3 curtidas

Acabei de comentar em Titlebar is not displaying properly - #13 by spdegabrielle, mas agora vejo sua postagem e acho que elas podem estar relacionadas.

1 curtida

Eu também tenho participado dessa, ela está mais relacionada ao tema da barra lateral focada. Esta é específica de hardware. Como resultado, uma das minhas capturas de tela acima exibe ambas.

1 curtida

Obrigado @Stephen - temos uma correção para isso em andamento e atualizaremos aqui quando for lançada

7 curtidas

É um pouco difícil dizer, mas isso é o mesmo que estou vendo aqui em https://community.wanikani.com? A diferença é que estou vendo isso em navegadores desktop e mobile (não uso o DiscourseHub), então não tinha certeza.

Acho que isso ocorre porque ele usa height: 100% no logo.

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

Provavelmente é uma boa ideia adicionar max-height: var(--header-offset) ao #site-logo principal para evitar isso. :thinking:

Correção rápida :arrow_down_small:

Remova estes do seu tema personalizado

Do Desktop theme_1
Screenshot 2022-09-17 at 17.42.59

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

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

.d-header {
  #site-logo {
    height: 100%;
    max-height: 100%;
  }
}
Adicione estes ao seu tema personalizado

Adicione isto ao comum :arrow_down_small:

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

Adicione isto ao desktop :arrow_down_small:

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

Adicione isto à seção mobile :arrow_down_small:

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

Após estas alterações :arrow_down_small:

Desktop:

Mobile:
Screenshot 2022-09-17 at 18.04.00

2 curtidas

Obrigado pela sugestão. Infelizmente, não sou administrador do site, então não posso fazer muito.

A atualização do Discourse Hub chegou à App Store do iOS e tudo está parecendo bom novamente.

2 curtidas

Acredito que este possa ser o iOS 16? Vejo que você está usando e tive esse problema no Roblox hoje.

1 curtida

A compatibilidade com o iPhone 14 Pro foi lançada no Discourse Hub 1.8.3!

Me avisem se houver mais conflitos entre o cabeçalho do fórum e a interface do iOS. :smiley: (não apenas no último iPhone)

4 curtidas

Essa é a versão de seis dias atrás, ou outra?

1 curtida

Sim, esse!

3 curtidas