Skip to content

Commit

Permalink
Enhance styles
Browse files Browse the repository at this point in the history
  • Loading branch information
renintw committed Dec 5, 2024
1 parent 6ec0274 commit 482c918
Show file tree
Hide file tree
Showing 2 changed files with 21 additions and 13 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -95,19 +95,12 @@ registerBlockType( metadata.name, {
? __( 'Collapse Content', 'wporg-learn' )
: __( 'Expand Content', 'wporg-learn' ) }
</Button>
<div
style={ {
maxHeight: isExpanded ? 'none' : '100px', // Adjust the height as needed
overflow: 'hidden',
transition: 'max-height 0.3s ease',
} }
>
<RichText
label={ __( 'Edit Lesson Plan Content', 'wporg-learn' ) }
value={ lessonPlanContent }
onChange={ ( newContent ) => setAttributes( { lessonPlanContent: newContent } ) }
/>
</div>
<RichText
className={ isExpanded ? 'is-expanded' : 'is-collapsed' }
label={ __( 'Edit Lesson Plan Content', 'wporg-learn' ) }
value={ lessonPlanContent }
onChange={ ( newContent ) => setAttributes( { lessonPlanContent: newContent } ) }
/>
</>
) }
{ lessonPlanId && (
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,20 @@
.wp-block-wporg-learn-lesson-facilitator-notes {
.components-base-control__field {
margin-bottom: var(--wp--preset--spacing--10);
}

.block-editor-rich-text__editable {
white-space: unset !important;
overflow: scroll;
border: 1px solid var(--wp--preset--color--charcoal-5);
margin: var(--wp--preset--spacing--10) 0;

&.is-expanded {
max-height: none;
}

&.is-collapsed {
max-height: 300px;
}
}
}

0 comments on commit 482c918

Please sign in to comment.