doc updates

rei · Dec 16, 2024 · 35219ff · 35219ff
1 parent bf23abd
commit 35219ff
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/src/components/mediaObject/CdrMediaObject.vue b/src/components/mediaObject/CdrMediaObject.vue
@@ -8,7 +8,7 @@ import { getLayoutStyling } from '../../utils/mediaObject';
 import CdrLayout from '../layout/CdrLayout.vue';
 import { breakpoints, spacing } from '../../utils/other';
 
-/** Component for buttons that have a checked state. */
+/** Component that pairs images or videos with related text in a consistent way */
 
 defineOptions({ name: 'CdrMediaObject' });
 

diff --git a/src/components/mediaObject/styles/vars/CdrMediaObject.vars.scss b/src/components/mediaObject/styles/vars/CdrMediaObject.vars.scss
@@ -6,6 +6,10 @@ $media-object-component: 'media-object';
 @mixin cdr-media-object-base-mixin($component) {
   & > .cdr-#{$component}__media {
     grid-area: media;
+
+    & > :first-child {
+      display: block;
+    }
   }
 
   & > .cdr-#{$component}__content {

diff --git a/src/types/interfaces.ts b/src/types/interfaces.ts
@@ -338,6 +338,7 @@ export interface MediaObject extends Layout {
   align?: Alignment;
   /**
    * The position of the media, in relation to the content. This can be an object with values for each Cedar breakpoint (xs, sm, md, lg).
+   * @demoSelectMultiple false
    * @values top, right, bottom, left
    */
   mediaPosition?: Position;