fix(ui): teaser image inheritance

intk · Mar 4, 2024 · fe09deb · fe09deb
1 parent 4497d51
commit fe09deb
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 9 deletions.
diff --git a/frontend/src/components/blocks/Teaser/TeaserHeroTemplate.jsx b/frontend/src/components/blocks/Teaser/TeaserHeroTemplate.jsx
@@ -1,15 +1,16 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Message } from 'semantic-ui-react';
-import { defineMessages, useIntl } from 'react-intl';
+import { MaybeWrap, UniversalLink } from '@plone/volto/components';
 import imageBlockSVG from '@plone/volto/components/manage/Blocks/Image/block-image.svg';
-import { flattenToAppURL, isInternalURL } from '@plone/volto/helpers';
 import { getTeaserImageURL } from '@plone/volto/components/manage/Blocks/Teaser/utils';
-import { MaybeWrap } from '@plone/volto/components';
-import { UniversalLink } from '@plone/volto/components';
-import cx from 'classnames';
+import {
+  BodyClass,
+  flattenToAppURL,
+  isInternalURL,
+} from '@plone/volto/helpers';
 import config from '@plone/volto/registry';
-import { BodyClass } from '@plone/volto/helpers';
+import cx from 'classnames';
+import PropTypes from 'prop-types';
+import { defineMessages, useIntl } from 'react-intl';
+import { Message } from 'semantic-ui-react';
 
 const messages = defineMessages({
   PleaseChooseContent: {
@@ -133,6 +134,7 @@ const TeaserHeroTemplate = (props) => {
               {(href.hasPreviewImage || href.image_field || image) && (
                 <div className="image-wrapper">
                   <Image
+                    className="teaser"
                     src={hasImageComponent ? href : defaultImageSrc}
                     alt=""
                     loading="lazy"

diff --git a/frontend/theme/extras/blocks/teaser.less b/frontend/theme/extras/blocks/teaser.less
@@ -196,6 +196,8 @@
       img {
         width: 100%;
         height: 100%;
+      }
+      img.teaser {
         min-height: 500px;
         max-height: 750px;
       }