@capillarytech/creatives-library 9.0.8 → 9.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@capillarytech/creatives-library",
3
3
  "author": "meharaj",
4
- "version": "9.0.8",
4
+ "version": "9.0.9",
5
5
  "description": "Capillary creatives ui",
6
6
  "main": "./index.js",
7
7
  "module": "./index.es.js",
@@ -890,6 +890,14 @@
890
890
  .sms-icon{
891
891
  left: 12% !important;
892
892
  }
893
+
894
+ #mobilepush-preview {
895
+ .message-pop {
896
+ .app-header-right {
897
+ margin-left: unset;
898
+ }
899
+ }
900
+ }
893
901
  }
894
902
 
895
903
  #slidebox-container {
@@ -727,7 +727,7 @@ export class TemplatePreview extends React.Component { // eslint-disable-line re
727
727
  ""
728
728
  )}
729
729
  {channel && channel.toUpperCase() === MOBILE_PUSH && (
730
- <CapRow className="shell-v2 align-center" id="mobilepush-preview">
730
+ <CapRow type='flex' align='middle' className="shell-v2 align-center" id="mobilepush-preview">
731
731
  <CapImage
732
732
  className="preview-image"
733
733
  src={
@@ -747,13 +747,13 @@ export class TemplatePreview extends React.Component { // eslint-disable-line re
747
747
  }-push-message-Container`}
748
748
  >
749
749
  {this.props.device === "android" ? (
750
- <CapRow className="message-pop align-left">
751
- <CapRow className="app-header">
752
- <CapRow className="app-header-left">
750
+ <CapRow type='flex' align='middle' className="message-pop align-left">
751
+ <CapRow type='flex' fullWidth className="app-header">
752
+ <CapRow type='flex' className="app-header-left">
753
753
  <span className="app-icon">{""}</span>
754
754
  <CapLabel className="title">{content.header}</CapLabel>
755
755
  </CapRow>
756
- <CapRow className="app-header-right">
756
+ <CapRow type='flex' className="app-header-right">
757
757
  <span>2:29 PM</span>
758
758
  <CapIcon type="chevron-down" size="sm" />
759
759
  </CapRow>
@@ -1291,7 +1291,7 @@ export class TemplatePreview extends React.Component { // eslint-disable-line re
1291
1291
  </div>
1292
1292
  <CapHeading
1293
1293
  type="h3"
1294
- style={{ textAlign: "center" }}
1294
+ style={{ textAlign: "center", width: "100%" }}
1295
1295
  className="margin-t-16"
1296
1296
  >
1297
1297
  <FormattedMessage
@@ -2431,7 +2431,7 @@ const splitTemplateVarString = (str) => {
2431
2431
  />
2432
2432
  <CapHeading
2433
2433
  type="h3"
2434
- style={{ textAlign: 'center' }}
2434
+ style={{ textAlign: 'center', width: '100%' }}
2435
2435
  className="margin-t-16"
2436
2436
  >
2437
2437
  {formatMessage(messages.totalCharacters, {