@capillarytech/creatives-library 7.17.115 → 7.17.116

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.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/styles/containers/layout/_layoutPage.scss +2 -5
  3. package/v2Components/NavigationBar/style.js +4 -6
  4. package/v2Containers/Cap/index.js +12 -2
  5. package/v2Containers/TemplatesV2/TemplatesV2.style.js +1 -0
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@capillarytech/creatives-library",
3
3
  "author": "meharaj",
4
- "version": "7.17.115",
4
+ "version": "7.17.116",
5
5
  "description": "Capillary creatives ui",
6
6
  "main": "./index.js",
7
7
  "module": "./index.es.js",
package/styles/containers/layout/_layoutPage.scss CHANGED
@@ -84,14 +84,11 @@
84
84
  }
85
85
 
86
86
  .contet-width-collapse {
87
- margin-left: 17.438rem;
88
- .component-wrapper {
89
- max-width: 70.063rem;
90
- }
87
+ margin-left: 17rem;
91
88
  }
92
89
 
93
90
  .content-width-expanded {
94
- margin-left: 8.375rem;
91
+ margin-left: 4.475rem;
95
92
  }
96
93
 
97
94
  .breadcrumbs{
package/v2Components/NavigationBar/style.js CHANGED
@@ -1,11 +1,9 @@
1
1
  export const CapLeftNavigationCss = {
2
- 'padding-right': '1.28rem',
3
- "width": '71.25rem',
4
- 'margin-left': '14.9rem',
2
+ 'width': '75.770rem',
3
+ 'margin-left': 'calc((100vw - 70.063rem)/2 + 1.6rem)',
5
4
  };
6
5
 
7
6
  export const CapLeftNavigatioOpenCss = {
8
- 'padding-left': '0',
9
- "width": '70.063rem',
10
- 'margin-left': '18.5rem',
7
+ 'width': '71.063rem',
8
+ 'margin-left': 'calc((100vw - 70.063rem)/2 + 8rem)',
11
9
  };
package/v2Containers/Cap/index.js CHANGED
@@ -62,6 +62,12 @@ const MainWrapper = styled.div`
62
62
  top: ${(props) => (props.isLatestLeftNavigationEnabled ? '1.72rem' : '5.29rem')};
63
63
  `;
64
64
 
65
+ const ContentWrapper = styled.div`
66
+ && {
67
+ margin-left: ${(props) => (props.isLatestLeftNavigationEnabled ? (props.leftNavbarExpanded ? '17rem' : '4.475rem') : 0)};
68
+ }
69
+ `;
70
+
65
71
  export class Cap extends React.Component { // eslint-disable-line react/prefer-stateless-function
66
72
 
67
73
  constructor(props) {
@@ -519,9 +525,13 @@ export class Cap extends React.Component { // eslint-disable-line react/prefer-s
519
525
  />) : ''}
520
526
  <MainWrapper isLatestLeftNavigationEnabled={isLatestLeftNavigationEnabled} className="main">
521
527
 
522
- <div className={`main-content ${this.state.leftNavbarExpanded ? "contet-width-collapse" : "content-width-expanded"}`}>
528
+ <ContentWrapper
529
+ className={`main-content ${this.state.leftNavbarExpanded ? "contet-width-collapse" : "content-width-expanded"}`}
530
+ isLatestLeftNavigationEnabled={isLatestLeftNavigationEnabled}
531
+ leftNavbarExpanded={this.state.leftNavbarExpanded}
532
+ >
523
533
  {React.Children.toArray(this.props.children)}
524
- </div>
534
+ </ContentWrapper>
525
535
  </MainWrapper>
526
536
  </div>
527
537
  {(toastMessages && toastMessages.length > 0) &&
package/v2Containers/TemplatesV2/TemplatesV2.style.js CHANGED
@@ -11,6 +11,7 @@ export default css`
11
11
  .component-wrapper {
12
12
  ${(props) => props.isFullMode ? `
13
13
  max-width: 1140px;
14
+ margin: 0 auto;
14
15
  width: 100%;
15
16
  padding: ${CAP_SPACE_24} 0;
16
17
  .ant-tabs-content{