Commit7f7dfe6

committed

fix(sidebar): jumpy in header part

1 parentb866f40 commit7f7dfe6Copy full SHA for 7f7dfe6

File tree

+22

-18

lines changed

+22

-18

lines changed

Lines changed: 19 additions & 16 deletions

Original file line number	Diff line number	Diff line change
`@@ -7,6 +7,7 @@ import PinButton from './PinButton'`
`7`	`7`
`8`	`8`	`import{`
`9`	`9`	`Wrapper,`
	`10`	`+InnerWrapper,`
`10`	`11`	`HeaderFuncs,`
`11`	`12`	`SiteLogoWrapper,`
`12`	`13`	`ExploreWrapper,`
`@@ -18,22 +19,24 @@ import {`
`18`	`19`
`19`	`20`	`constHeader=({ pin})=>(`
`20`	`21`	`<Wrapperpin={pin}>`
`21`		`-<HeaderFuncs>`
`22`		`-<SiteLogoWrapperpin={pin}>`
`23`		-<SiteLogosrc={`${ICON_BASE}/sidebar/everyday.svg`}/>
`24`		`-</SiteLogoWrapper>`
`25`		`-<ExploreWrapperpin={pin}>`
`26`		`-<ahref="/communities"rel="noopener noreferrer"target="_blank">`
`27`		`-<Buttonsize="small"type="primary"ghost>`
`28`		`-<ExploreContent>`
`29`		-<ExploreIconsrc={`${ICON_CMD}/telescope.svg`}/>
`30`		`-<ExploreText>Explore All</ExploreText>`
`31`		`-</ExploreContent>`
`32`		`-</Button>`
`33`		`-</a>`
`34`		`-</ExploreWrapper>`
`35`		`-</HeaderFuncs>`
`36`		`-<PinButtonpin={pin}/>`
	`22`	`+<InnerWrapper>`
	`23`	`+<HeaderFuncs>`
	`24`	`+<SiteLogoWrapperpin={pin}>`
	`25`	+<SiteLogosrc={`${ICON_BASE}/sidebar/everyday.svg`}/>
	`26`	`+</SiteLogoWrapper>`
	`27`	`+<ExploreWrapperpin={pin}>`
	`28`	`+<ahref="/communities"rel="noopener noreferrer"target="_blank">`
	`29`	`+<Buttonsize="small"type="primary"ghost>`
	`30`	`+<ExploreContent>`
	`31`	+<ExploreIconsrc={`${ICON_CMD}/telescope.svg`}/>
	`32`	`+<ExploreText>Explore All</ExploreText>`
	`33`	`+</ExploreContent>`
	`34`	`+</Button>`
	`35`	`+</a>`
	`36`	`+</ExploreWrapper>`
	`37`	`+</HeaderFuncs>`
	`38`	`+<PinButtonpin={pin}/>`
	`39`	`+</InnerWrapper>`
`37`	`40`	`</Wrapper>`
`38`	`41`	`)`
`39`	`42`

Lines changed: 3 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -5,13 +5,15 @@ import { theme, cs } from '@utils'`
`5`	`5`	`import{WrapperasIndexWrapper}from'./index'`
`6`	`6`
`7`	`7`	exportconstWrapper=styled.div`
`8`		`-${cs.flex()};`
`9`	`8`	`margin-top: 14px;`
`10`	`9`	`margin-bottom:${({ pin})=>(pin ?'0' :'20px')};`
`11`	`10`	`${IndexWrapper}:hover & {`
`12`	`11`	`margin-bottom: 4px;`
`13`	`12`	`}`
`14`	`13`	`
	`14`	+exportconstInnerWrapper=styled.div`
	`15`	`+${cs.flex('align-center')};`
	`16`	+`
`15`	`17`	exportconstHeaderFuncs=styled.div`
`16`	`18`	`${cs.flexGrow()};`
`17`	`19`	`

Lines changed: 0 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,6 @@`
`1`	`1`	`importstyledfrom'styled-components'`
`2`	`2`
`3`	`3`	exportconstWrapper=styled.div`
`4`		`- margin-top: 0px;`
`5`	`4`	`left: 0;`
`6`	`5`	`position: relative;`
`7`	`6`	`height: 100%;`

Comments

(0)