Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: alignment of CardPersona images and better layout for tablets, 2 cards max per row at this screen size #501

Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions RELEASE.md
Original file line number Diff line number Diff line change
Expand Up @@ -50,6 +50,8 @@
- Sistemato il layout e la visualizzazione della vista del CT Cartella Modulistica per gestire al meglio gli elementi
titolo, titolo del modulo e link al download in caso di testi lunghi, specialmente su mobile
- Colore di sfondo per il blocco icone impostato sul colore primario. Sistemato il contrasto tra descrizione e lo sfondo
- Risolto un problema di visualizzazione e allineamento delle immagini per le card dei blocchi elenco che rappresentano Persone,
migliorata la visualizzazione e il layout su dispositivi tablet (intervallo dimensioni: 992px-1199px)

## Versione 11.3.2 (19/01/2023)

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -104,17 +104,19 @@ const CardWithImageTemplate = (props) => {
name: 'BlockExtraTags',
dependencies: ['CardWithImageTemplate', item['@type']],
}).component;
const layoutSelected = set_four_columns ? '3' : '4';

return (
<Col
lg={set_four_columns ? '3' : '4'}
xl={layoutSelected}
lg={item['@type'] === 'Persona' ? 6 : layoutSelected}
key={item['@id']}
className="col-item mb-3"
>
{item['@type'] === 'Persona' ? (
<CardPersona
item={item}
className="listing-item card-bg shadow-sm"
className="card-bg shadow-sm"
showImage={showImage}
natural_image_size={natural_image_size}
show_description={show_description}
Expand Down
Loading