[wp-trac] [WordPress Trac] #52004: Twenty Twenty-One: Problem embedding Google calendar

[WordPress Trac]

#52004: Twenty Twenty-One: Problem embedding Google calendar
---------------------------+---------------------
 Reporter:  thorlentz      |       Owner:  (none)
     Type:  defect (bug)   |      Status:  new
 Priority:  normal         |   Milestone:  5.6.1
Component:  Bundled Theme  |     Version:  5.6
 Severity:  normal         |  Resolution:
 Keywords:                 |     Focuses:  css
---------------------------+---------------------

Comment (by poena):

 Hi

 @thorlentz How are you adding the embed code? Are you using the editors
 HTML block?

 When using the HTML block, the content is not aligned unless the added
 HTML code includes its own alignments.

 You can bypass this by placing the HTML block with the embed code inside a
 group block.


 @mukesh27
 Twenty Twenty-One uses SCSS so the code needs to be updated in the
 entry.scss file and then be
 compiled to update the style.css file, the rtl style, and the style for
 Internet Explorer.

 The instructions for how to do this are limited, let me know if I can
 clarify them:
 https://github.com/WordPress/twentytwentyone/blob/trunk/CONTRIBUTING.md
 #getting-started-with-development


 https://core.trac.wordpress.org/browser/trunk/src/wp-
 content/themes/twentytwentyone/assets/sass/06-components/entry.scss#L58


 Only the faulty max width for the media(mobile) needs to be removed:

 {{{
 // Overwrite iframe embeds that have inline styles.
 > iframe[style] {

         margin: var(--global--spacing-vertical) 0 !important;
         max-width: 100% !important;

         @include media(mobile) {
                 max-width: var(--global--spacing-vertical) !important;
         }
 }
 }}}


 {{{
 // Overwrite iframe embeds that have inline styles.
 > iframe[style] {

         margin: var(--global--spacing-vertical) 0 !important;
         max-width: 100% !important;
 }
 }}}

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/52004#comment:3>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform