diff --git a/RELEASE.md b/RELEASE.md index d85024e2a..583fb3e9e 100644 --- a/RELEASE.md +++ b/RELEASE.md @@ -54,6 +54,7 @@ ### Fix +- Sistemata la visualizzazione dei blocchi elenco all'interno del blocco griglia - L'etichetta della Card con Nastro (Blocco Elenco) non si sovrappone più all'immagine del nastro. - Aggiustato il layout della card per il CT persone quando è impostata un'immagine. diff --git a/src/config/italiaConfig.js b/src/config/italiaConfig.js index 05be17c8f..18685dede 100644 --- a/src/config/italiaConfig.js +++ b/src/config/italiaConfig.js @@ -384,6 +384,7 @@ export default function applyConfig(voltoConfig) { const customBlocks = { ...getItaliaBlocks(config), + listing: { ...config.blocks.blocksConfig.listing, showLinkMore: true, @@ -453,6 +454,12 @@ export default function applyConfig(voltoConfig) { showEditBlocksInBabelView: true, }; + //per avere la conf dei blocchi anche nel blocco grid, altrimenti nel blocco grid prende la conf base di volto. + config.blocks.blocksConfig.gridBlock = { + ...config.blocks.blocksConfig.gridBlock, + blocksConfig: config.blocks.blocksConfig, + }; + removeListingVariation(config, 'default'); // removes default volto template, because it will be overrided removeListingVariation(config, 'summary'); // removes summary volto template, because is unused removeListingVariation(config, 'imageGallery'); // removes imageGallery volto template, because we have our photoGallery template diff --git a/src/theme/ItaliaTheme/Blocks/_gridBlock.scss b/src/theme/ItaliaTheme/Blocks/_gridBlock.scss index cd7790970..b8141660c 100644 --- a/src/theme/ItaliaTheme/Blocks/_gridBlock.scss +++ b/src/theme/ItaliaTheme/Blocks/_gridBlock.scss @@ -5,6 +5,56 @@ height: unset !important; } + .block { + .full-width, + &.full-width { + right: unset; + left: unset; + width: auto !important; + margin-right: unset !important; + margin-left: unset !important; + } + + .container { + width: auto !important; + } + + &.listing { + &.simpleCard, + &.attachmentCardTemplate { + .card-teaser-block-3 { + > .card-teaser { + flex: 0 0 49%; //invece di 3 elementi per riga, ne mostro due perchè c'è poco spazio + } + } + } + + &.cardWithImageTemplate, + &.ribbonCardTemplate, + &.completeBlockLinksTemplate { + .col-lg-4, + .col-xl-4, + .col-lg-3 { + width: 50%; //invece di 3 elementi per riga, ne mostro due perchè c'è poco spazio + } + } + + &.cardSlideUpTextTemplate, + &.quaresImageTemplate { + .grid { + grid-template-columns: 1fr 1fr; + } + } + + &.bandiInEvidenceTemplate { + .bandi-in-evidence-cards-wrapper { + grid-template-columns: 1fr 1fr; + } + } + } + } + + //in edit (cms-ui) .gridBlock-container { position: relative; max-width: 1320px; @@ -15,6 +65,11 @@ left: 16px !important; } + .block-editor-listing { + padding-right: 0; + padding-left: 0; + } + .block { .image { .ui.message { @@ -30,3 +85,18 @@ } } } + +body.cms-ui.has-toolbar.has-sidebar { + .block.gridBlock { + .public-ui { + .container { + width: auto !important; + } + + .full-width > .px-4.container { + padding-right: 24px !important; + padding-left: 24px !important; + } + } + } +}