CSS bug fix for lightbox. Wait #3470 @0:05

diff --git a/wp-content/themes/physioassist/resources/assets/styles/components/lity-lightbox.styl b/wp-content/themes/physioassist/resources/assets/styles/components/lity-lightbox.styl
index 7c008529c98a0c1560de4b3cbe6ba7ccf1c7695f..0f77364eacaab666762613f88acb0ee792a04646 100644 (file)
--- a/wp-content/themes/physioassist/resources/assets/styles/components/lity-lightbox.styl
+++ b/wp-content/themes/physioassist/resources/assets/styles/components/lity-lightbox.styl
@@ -7,7 +7,7 @@
   overflow: hidden
   height: 100vw
 
-:root .lity-close // :root needed because in dev mode, CSS from node_modules seems to be imported out of order, preventing overrides from working
+.lity-container .lity-close // Extra specificity needed here because Webpack seems to import CSS from node_modules in wrong order when in dev mode
   position: absolute
   top: 16px !important
   right: 20px