fix(WebexInterstitialMeeting): use local component styles for layout

webex · Mar 20, 2020 · b6d3b1a · b6d3b1a
1 parent 8f085c2
commit b6d3b1a
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/src/components/WebexInterstitialMeeting/WebexInterstitialMeeting.js b/src/components/WebexInterstitialMeeting/WebexInterstitialMeeting.js
@@ -20,7 +20,7 @@ export default function WebexInterstitialMeeting({meetingID}) {
     <div className={`${WEBEX_COMPONENTS_CLASS_PREFIX}-interstitial-meeting`}>
       {meetingID ? (
         <React.Fragment>
-          <WebexMeetingInfo meetingID={meetingID} />
+          <WebexMeetingInfo className="interstitial-meeting-info" meetingID={meetingID} />
           <WebexLocalMedia meetingID={meetingID} />
         </React.Fragment>
       ) : (

diff --git a/src/components/WebexInterstitialMeeting/WebexInterstitialMeeting.scss b/src/components/WebexInterstitialMeeting/WebexInterstitialMeeting.scss
@@ -8,7 +8,7 @@
   width: 100%;
   height: 100%;
 
-  .meeting-info {
+  .interstitial-meeting-info {
     position: absolute;
     align-self: flex-start;
     width: 100%;

diff --git a/src/components/WebexInterstitialMeeting/__snapshots__/WebexInterstitialMeeting.test.js.snap b/src/components/WebexInterstitialMeeting/__snapshots__/WebexInterstitialMeeting.test.js.snap
@@ -20,9 +20,11 @@ exports[`Webex Interstitial Meeting component snapshot matches snapshot of meeti
   className="wxc-interstitial-meeting"
 >
   <WebexMeetingInfo
+    className="interstitial-meeting-info"
     meetingID="localMedia"
   />
   <WebexLocalMedia
+    className=""
     meetingID="localMedia"
   />
 </div>