Media Gallery uses 'field-item' and 'field-name...' as targets and those are core/theme provided class targets that should not be referenced, from what I have been learning. It is not BEM syntax compatible. Omega uses prepossess and theme function overrides to change all "field-" to "field__ and field--" to be BEM syntax and Drupal 8 compatible. Drupal 8 is using BEM syntax for css

The offending code is in (but I am sure there is more):
/media_gallery/media_gallery.css

any css reference to "field-item" should be changed to a Media Gallery specific css class so it is compatible with any theme

And

/media_gallery/colorbox-display.js

$galleries = $('.field--name-media-gallery-file'); 
// ".field-name-media-gallery-file" should be changed to a Media Gallery specific class to be Compatible with all themes that might change core class syntax such as Omega

I do not know how to create a patch for this. I hope someone else can and it is adopted by the maintainers.

Druapl 8 is adopting BEM so we might as well update media gallery 7 to be compatible as well.

Comments

spgd01’s picture

Title: BEM Syntax Compatablility » BEM Syntax Compatibility
ivnish’s picture

Status: Active » Closed (outdated)