diff --git a/news/62.bugfix b/news/62.bugfix new file mode 100644 index 00000000..50dc05e1 --- /dev/null +++ b/news/62.bugfix @@ -0,0 +1 @@ +Remove Title as required block. Fix the single image use case in a grid @sneridagh diff --git a/src/customizations/@kitconcept/volto-blocks-grid/components/Teaser/DefaultBody.jsx b/src/customizations/@kitconcept/volto-blocks-grid/components/Teaser/DefaultBody.jsx deleted file mode 100644 index 61cf695a..00000000 --- a/src/customizations/@kitconcept/volto-blocks-grid/components/Teaser/DefaultBody.jsx +++ /dev/null @@ -1,85 +0,0 @@ -// Remove when https://github.com/kitconcept/volto-light-theme/issues/40 -// is solved and merged -import React from 'react'; -import PropTypes from 'prop-types'; -import { Message } from 'semantic-ui-react'; -import { defineMessages, useIntl } from 'react-intl'; -import imageBlockSVG from '@plone/volto/components/manage/Blocks/Image/block-image.svg'; -import { flattenToAppURL } from '@plone/volto/helpers'; -import { getTeaserImageURL } from '@kitconcept/volto-blocks-grid/components/Teaser/utils'; -import { MaybeWrap } from '@plone/volto/components'; -import { UniversalLink } from '@plone/volto/components'; -import cx from 'classnames'; -// import config from '@plone/volto/registry'; - -const messages = defineMessages({ - PleaseChooseContent: { - id: 'Please choose an existing content as source for this element', - defaultMessage: - 'Please choose an existing content as source for this element', - }, -}); - -const DefaultImage = (props) => {props.alt; - -const TeaserDefaultTemplate = (props) => { - const { className, data, isEditMode } = props; - const intl = useIntl(); - const href = data.href?.[0]; - const image = data.preview_image?.[0]; - const align = data?.styles?.align; - - const Image = DefaultImage; - - return ( -
- <> - {!href && isEditMode && ( - -
- -

{intl.formatMessage(messages.PleaseChooseContent)}

-
-
- )} - {href && ( - -
- {(href.hasPreviewImage || href.image_field || image) && ( -
- -
- )} -
- {data?.head_title && ( -
{data.head_title}
- )} - -

{data?.title}

- {!data.hide_description &&

{data?.description}

} -
-
-
- )} - -
- ); -}; - -TeaserDefaultTemplate.propTypes = { - data: PropTypes.objectOf(PropTypes.any).isRequired, - isEditMode: PropTypes.bool, -}; - -export default TeaserDefaultTemplate; diff --git a/src/index.js b/src/index.js index 7e2b2c92..f816f031 100644 --- a/src/index.js +++ b/src/index.js @@ -29,6 +29,9 @@ defineMessages({ }); const applyConfig = (config) => { + // No required blocks (eg. Title) + config.blocks.requiredBlocks = []; + // Register custom Container component config.registerComponent({ name: 'Container', diff --git a/src/theme/_layout.scss b/src/theme/_layout.scss index 09f5a6b4..37713e93 100644 --- a/src/theme/_layout.scss +++ b/src/theme/_layout.scss @@ -179,6 +179,11 @@ $narrow-container-width: 620px; max-width: calc(var(--default-container-width) + 1rem); } +// Fix for Image Grid with only one image +#page-document .block.__grid .block.image.align.center figure { + max-width: unset; +} + // handlers adjustments body.has-toolbar.has-sidebar .drag.handle.wrapper { margin-left: -30px !important;