fix: updates CSS to handle video button on different card styles (MWP…

…W-127824)
adobecom · Mar 10, 2023 · d859c66 · d859c66
1 parent 34f2eea
commit d859c66
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 9 deletions.
diff --git a/dist/app.css b/dist/app.css
diff --git a/dist/main.js b/dist/main.js
@@ -1,5 +1,5 @@
 /*!
- * Chimera UI Libraries - Build 3/8/2023, 11:08:21
+ * Chimera UI Libraries - Build 3/10/2023, 14:52:43
  *         
  */
 /******/ (function(modules) { // webpackBootstrap
@@ -3125,7 +3125,7 @@ var VideoButton = function VideoButton(_ref) {
         _react2.default.createElement(
             'button',
             {
-                className: 'consonant-HalfHeightCard-videoButton-wrapper',
+                className: 'consonant-videoButton-wrapper',
                 'daa-ll': 'play',
                 'aria-label': 'Play',
                 onClick: handleShowModal },

diff --git a/dist/main.min.js b/dist/main.min.js
diff --git a/dist/main.source.js b/dist/main.source.js
diff --git a/less/components/consonant/cards/half-height.less b/less/components/consonant/cards/half-height.less
@@ -53,7 +53,7 @@
             }
         }
 
-        &-videoButton-wrapper {
+        &-inner .consonant-videoButton-wrapper {
             top: -118px;
             background: transparent;
             position: absolute;

diff --git a/react/src/js/components/Consonant/Modal/videoButton.jsx b/react/src/js/components/Consonant/Modal/videoButton.jsx
@@ -53,7 +53,7 @@ const VideoButton = ({
     return (
         <Fragment>
             <button
-                className="consonant-HalfHeightCard-videoButton-wrapper"
+                className="consonant-videoButton-wrapper"
                 daa-ll="play"
                 aria-label="Play"
                 onClick={handleShowModal}>