Avaliar soluções para impedir que barra de slides suba quando usuário clica em "próximo"

[laurybueno]

@ariadnemelo, eu to testando uma solução de CSS aqui que parece funcionar para impedir que o painel de slides em unidades fique pulando enquanto os alunos passam slides.

Você pode avaliar se essa solução cria outros problemas ou se é viável? A seguir, os atributos que eu pensei em adicionar para resolver a questão:

.course-activity {
  min-height: 571px;
}

.slides-navigation {
  position: absolute;
  bottom: 0;
  width: 100%;
}

[nicolavieira]

@laurybueno eu pensei exatamente nisso há dois dias mas seria mais uma gambiarra do que uma solução de fato, uma vez que não funciona bem com o responsivo do site

quando você diminui o tamanho da tela para uma largura menor do que a largura inicial da imagem não tem como saber com quanto ela ficará de altura, entende o problema? até posso colocar altura menores segundo os breakpoints do grid mas sempre vai ter uma discrepância...

[laurybueno]

Entendi.

Mas só pra eu ter certeza, fora esse css (que tem a desvantagem da altura fixa), nós temos outra opção?

Pq acho que um js que cria elementos div vazios com base no tamanhos das imagens também vai ter problemas com o responsivo, ou não?

Obrigado!

On Aug 31, 2016 09:37, "Ariadne Melo" notifications@github.com wrote:

@laurybueno https://github.com/laurybueno eu pensei exatamente nisso há dois dias mas seria mais uma gambiarra do que uma solução de fato, uma vez que não funciona bem com o responsivo do site

quando você diminui o tamanho da tela para uma largura menor do que a largura inicial da imagem não tem como saber com quanto ela ficará de altura, entende o problema? até posso colocar altura menores segundo os breakpoints do grid mas sempre vai ter uma discrepância...

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/hacklabr/paralapraca/issues/159#issuecomment-243750409, or mute the thread https://github.com/notifications/unsubscribe-auth/ABDroTLH-3A0oC7FgasrPbGlE1YLIlv_ks5qlXVygaJpZM4JwfJL .

[nicolavieira]

@laurybueno eu estou tentando pensar em alguma solução que seja global mas confesso que está complicado, não sei o que te sugerir imediatamente

[laurybueno]

@ariadnemelo eu conversei com o @brunosmartin agora e ele tá achando melhor a gente corrigir com a sua proposta mesmo enquanto não temos a solução mais global.

Vc acha que colocar alturas menores nos breakpoints do grid elimina a discrepância se todas as imagens tiverem 571px de altura (acho que todas têm, por enquanto)?

[nicolavieira]

@laurybueno não elimina porque existem dezenas de dispositivos com dezenas de larguras de tela diferentes então com altura fixa é impossível abarcar todos, entende? posso fazer assim sem problemas mas acho que é bom termos ciência disso

[laurybueno]

@brunosmartin dá uma lida nas ressalvas da ariadne e bate o martelo pra gente

[brunosmartin]

@ariadnemelo não dá pra fazer media query e ter mais de uma largura fixa pelo menos? pq senão esses 571px vão ficar ruim no celular, por exemplo, não?

Em 31 de agosto de 2016 14:47, Ariadne Melo notifications@github.com escreveu:

@laurybueno https://github.com/laurybueno não elimina porque existem dezenas de dispositivos com dezenas de larguras de tela diferentes então com altura fixa é impossível abarcar todos, entende? posso fazer assim sem problemas mas acho que é bom termos ciência disso

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/hacklabr/paralapraca/issues/159#issuecomment-243844118, or mute the thread https://github.com/notifications/unsubscribe-auth/AAERRI-zmFbnYIK8YaVP9tWqYeuXDAcxks5qlb5KgaJpZM4JwfJL .

Bruno Martin Hacklab/ 11 2892 0122 11 3862 1186

[nicolavieira]

@brunosmartin é o que eu to tentando explicar pro laury desde o começo mas tá complicado: eu posso fazer 20 media queries diferentes que não vai abarcar toda a diversidade de dispositivos que existem, entendem? o que a gente faz é dividir eles por faixas, e essas faixas vão ter diferenças e vai rolar discrepância em algum tipo de dispositivo. o problema de fazer coisas com tamanho "fixo" é esse, não funciona bem no responsivo justamente porque é, bom, fixo

[brunosmartin]

é isso... saquei.. é isso mesmo, mas creio que na grande maioria vai ficar ok, pode mandar bala...

Em 1 de setembro de 2016 15:11, Ariadne Melo notifications@github.com escreveu:

@brunosmartin https://github.com/brunosmartin é o que eu to tentando explicar pro laury desde o começo mas tá complicado: eu posso fazer 20 media queries diferentes que não vai abarcar toda a diversidade de dispositivos que existem, entendem? o que a gente faz é dividir eles por faixas, e essas faixas vão ter diferenças e vai rolar discrepância em algum tipo de dispositivo

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/hacklabr/paralapraca/issues/159#issuecomment-244163982, or mute the thread https://github.com/notifications/unsubscribe-auth/AAERRIBTlUQZJIRkUMF2EChvovWbkinfks5qlxVSgaJpZM4JwfJL .

Bruno Martin Hacklab/ 11 2892 0122 11 3862 1186

[nicolavieira]

@brunosmartin @laurybueno mandei a alteração, no momento tem quatro breakpoints... o que acontece em dispositivos com tamanho intermediário é que a barra se move um pouco mais pra baixo se o espaço que a imagem ocupa for maior do que o previsto. isso é o que eu tava falando de discrepância antes, acho que fica mais claro se vocês testarem e infelizmente não tem muito como contornar