search

az-digital / az_quickstart

UArizona's web content management system built with Drupal 10.
https://quickstart.arizona.edu
GNU General Public License v2.0
30 stars 20 forks source link

Audio Media Embed items do not Center Align #3123

Open JoeLutovsky opened 9 months ago

JoeLutovsky commented 9 months ago

Problem/Motivation

Trying to design a page with center-aligned audio items.

Describe the bug

When using the Media Embed in the CK editor, after choosing the alignment option for the embedded audio item, the item will be aligned left on the live page regardless of what choice you made for alignment in the editor. The change is previewed properly in the editor just not on the live page.

To Reproduce

Steps to reproduce the behavior:

  1. Create a new page
  2. Add text page element
  3. click the media embed tool
  4. embed an audio file
  5. click the embedded item in the editor and select "align center and break text" for the alignment options.
  6. Note how it is centered.
  7. Save page.
  8. Note how it's aligned left on the live page.

Screenshots

in editor: https://files.slack.com/files-pri/T07KD2P3P-F06FJSBJN9J/image.png live: https://files.slack.com/files-pri/T07KD2P3P-F06FJSP3Y9J/image.png

trackleft commented 9 months ago

This is due to the way this is written https://git.drupalcode.org/project/drupal/-/blob/11.x/core/modules/ckeditor5/css/media-alignment.css?ref_type=heads