[gitec] Ajustar tile do coleção no portal

Zeno - Visãoi zeno em visaoi.com.br
Quarta Abril 4 11:30:36 BRT 2018


Bom dia, Robson!

Você pode resolver isso por código sim. Uma forma é colocando o campo
min-height dentro da class .collection-item.

.collection-item {
    ...
    min-height: 140px;
}


Lembrando que se for acessado por um dispositivo com outro tamanho de tela,
o tamanho mínimo para essa classe precisará ser outro.

Vejo que o principal problema de layout no seu site hoje é a quebra que
ocorre quando acessado pelo celular. A opção mais rápida para corrigir
isso, acredito que seja trabalhando com Media Queries em seus arquivos CSS.
https://developer.mozilla.org/pt-BR/docs/Web/Guide/CSS/CSS_Media_queries

Espero ter ajudado.
Qualquer dúvida, estou a disposição.
--
Zeno Sbardelotto Junior
Desenvolvedor Front-end - Visãoi Sistemas Web
zeno em visaoi.com.br - (51) 3011-7001

Em qua, 4 de abr de 2018 às 11:11, Robson Scuzziato <robsonrs em gmail.com>
escreveu:

> Bom dia pessoal, configurei nosso portal www.toledo.pr.leg.br pra
> aparecer 4 notícias na página inicial, igual do site do interlegis, com um
> código que encontrei aqui no grupo:
>
> .collection-item {
>     width: calc(50% - 10px);
>     margin: 15px 5px;
>     float: left;
>     text-align: left;
> }
>
> Esse código coloquei no arquivo style.css do tema.
>
> O problema é que tem uma notícia que está aparecendo muito pra baixo, ver
> http://www.toledo.pr.leg.br/
>
> Percebi que diminuindo o tamanho da imagem da primeira notícia, fica tudo
> em ordem, mas dessa forma é complicado porque o servidor da imprensa teria
> que manter sempre as imagens no mesmo tamanho, então gostaria de saber se é
> possível de arrumar isso via código, assim mesmo que as imagens das
> notícias sejam de tamanhos diferentes, o tile de coleção vai ficar
> organizado.
>
> --
> Att,
> Robson R. Scuzziato
> Câmara Municipal de Toledo
> (45) 3379-5900
> --
> Histórico do grupo:
> http://colab.interlegis.leg.br/search/?type=thread&order=latest&list=gitec
>
> Regras de participação:
> http://colab.interlegis.leg.br/wiki/ComoParticiparComunidade
>
> Para administrar ou excluir sua conta visite:
> https://listas.interlegis.gov.br/mailman/listinfo/gitec
-------------- Próxima Parte ----------
Um anexo em HTML foi limpo...
URL: <http://listas.interlegis.gov.br/pipermail/gitec/attachments/20180404/99e6d6a2/attachment.html>


Mais detalhes sobre a lista de discussão GITEC