fix: media only title (#736)

Author: Juli Ovechkina

src/blocks/Media/schema.ts

@@ -5,6 +5,7 @@ import {
     BlockBaseProps,
     ButtonBlock,
     MediaProps,
+    containerSizesObject,
     mediaDirection,
     withTheme,
 } from '../../schema/validators/common';
@@ -45,6 +46,7 @@ export const MediaBlockBaseProps = {
         type: 'boolean',
     },
     button: ButtonBlock,
+    mediaOnlyColSizes: containerSizesObject,
 };
 
 export const MediaBlock = {

src/components/MediaBase/MediaBase.tsx

@@ -29,6 +29,7 @@ export const MediaBase = (props: MediaBaseProps) => {
         mediaOnly,
         disableShadow = false,
         onScroll,
+        mediaOnlyColSizes = {all: 12, md: 8},
         ...mediaContentProps
     } = props;
     const {title, description} = mediaContentProps;
@@ -53,7 +54,7 @@ export const MediaBase = (props: MediaBaseProps) => {
                     className={b('header')}
                     title={title}
                     subtitle={description}
-                    colSizes={{all: 12}}
+                    colSizes={mediaOnlyColSizes}
                 />
             )}
             <Grid>

src/models/constructor-items/blocks.ts

@@ -223,6 +223,7 @@ export interface MediaBaseBlockProps extends Animatable, MediaContentProps {
     largeMedia?: boolean;
     mediaOnly?: boolean;
     disableShadow?: boolean;
+    mediaOnlyColSizes?: GridColumnSizesType;
 }
 
 export interface MediaContentProps