fix(content-page): sticky side info jumpy when window resize

mydearxym · mydearxym · commit 811457473361 · 2019-07-05T15:37:03.000+08:00
diff --git a/containers/JobContent/styles/index.js b/containers/JobContent/styles/index.js
@@ -24,7 +24,9 @@ export const MainWrapper = styled.div`
     width: 100%;
   `};
 `
-export const SidebarWrapper = styled.div``
+export const SidebarWrapper = styled.div`
+  min-width: 250px;
+`
 /* background: ${theme('preview.articleBg')}; */
 export const ArticleWrapper = styled.div`
   font-size: 1.1rem;
diff --git a/containers/JobContent/styles/side_cards.js b/containers/JobContent/styles/side_cards.js
@@ -4,7 +4,6 @@ import { cs } from '@utils'
 
 export const Wrapper = styled.div`
   ${cs.flexColumn()};
-  width: 90%;
   min-width: 250px;
   ${cs.media.tablet`display: none`};
 `
diff --git a/containers/PostContent/styles/index.js b/containers/PostContent/styles/index.js
@@ -25,16 +25,16 @@ export const MainWrapper = styled.div`
     width: 100%;
   `};
 `
-export const SidebarWrapper = styled.div``
-
+export const SidebarWrapper = styled.div`
+  min-width: 250px;
+`
 /* background: ${theme('preview.articleBg')}; */
 export const ArticleWrapper = styled.div`
   font-size: 1.1rem;
   margin-right: 1.6vw;
   background: ${theme('preview.articleBg')};
   border-radius: 5px;
   padding: 35px 40px;
-  min-height: 60vh;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
   ${cs.media.mobile`
     padding: 30px 20px;
diff --git a/containers/PostContent/styles/side_cards.js b/containers/PostContent/styles/side_cards.js
@@ -4,7 +4,6 @@ import { cs } from '@utils'
 
 export const Wrapper = styled.div`
   ${cs.flexColumn()};
-  width: 90%;
   min-width: 250px;
   ${cs.media.tablet`display: none`};
 `
diff --git a/containers/RepoContent/styles/index.js b/containers/RepoContent/styles/index.js
@@ -24,8 +24,9 @@ export const MainWrapper = styled.div`
     width: 100%;
   `};
 `
-export const SidebarWrapper = styled.div``
-
+export const SidebarWrapper = styled.div`
+  min-width: 250px;
+`
 /* background: ${theme('preview.articleBg')}; */
 export const ArticleWrapper = styled.div`
   font-size: 1.1rem;
diff --git a/containers/RepoContent/styles/side_cards.js b/containers/RepoContent/styles/side_cards.js
@@ -4,7 +4,6 @@ import { cs } from '@utils'
 
 export const Wrapper = styled.div`
   ${cs.flexColumn()};
-  width: 90%;
   min-width: 250px;
   ${cs.media.tablet`display: none`};
 `
diff --git a/containers/VideoContent/styles/index.js b/containers/VideoContent/styles/index.js
@@ -24,8 +24,9 @@ export const MainWrapper = styled.div`
     width: 100%;
   `};
 `
-export const SidebarWrapper = styled.div``
-
+export const SidebarWrapper = styled.div`
+  min-width: 250px;
+`
 export const ArticleWrapper = styled.div`
   font-size: 1.1rem;
   margin-right: 1.6vw;
diff --git a/containers/VideoContent/styles/side_cards.js b/containers/VideoContent/styles/side_cards.js
@@ -5,7 +5,6 @@ import { cs } from '@utils'
 
 export const Wrapper = styled.div`
   ${cs.flexColumn()};
-  width: 90%;
   min-width: 250px;
   ${cs.media.tablet`display: none`};
 `

Original file line number	Diff line number	Diff line change
`@@ -4,7 +4,6 @@ import { cs } from '@utils'`
`4`	`4`
`5`	`5`	export const Wrapper = styled.div`
`6`	`6`	`${cs.flexColumn()};`
`7`		`- width: 90%;`
`8`	`7`	`min-width: 250px;`
`9`	`8`	${cs.media.tablet`display: none`};
`10`	`9`	`
Original file line number	Diff line number	Diff line change
`@@ -5,7 +5,6 @@ import { cs } from '@utils'`
`5`	`5`
`6`	`6`	export const Wrapper = styled.div`
`7`	`7`	`${cs.flexColumn()};`
`8`		`- width: 90%;`
`9`	`8`	`min-width: 250px;`
`10`	`9`	${cs.media.tablet`display: none`};
`11`	`10`	`