@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.
package/package.json
CHANGED
|
@@ -84,14 +84,11 @@
|
|
|
84
84
|
}
|
|
85
85
|
|
|
86
86
|
.contet-width-collapse {
|
|
87
|
-
margin-left:
|
|
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:
|
|
91
|
+
margin-left: 4.475rem;
|
|
95
92
|
}
|
|
96
93
|
|
|
97
94
|
.breadcrumbs{
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
export const CapLeftNavigationCss = {
|
|
2
|
-
'
|
|
3
|
-
|
|
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
|
-
'
|
|
9
|
-
|
|
10
|
-
'margin-left': '18.5rem',
|
|
7
|
+
'width': '71.063rem',
|
|
8
|
+
'margin-left': 'calc((100vw - 70.063rem)/2 + 8rem)',
|
|
11
9
|
};
|
|
@@ -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
|
-
<
|
|
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
|
-
</
|
|
534
|
+
</ContentWrapper>
|
|
525
535
|
</MainWrapper>
|
|
526
536
|
</div>
|
|
527
537
|
{(toastMessages && toastMessages.length > 0) &&
|