Commita609f1e

committed

refactor(mail-panel): use custom-scrollbar

1 parente3024f2 commita609f1eCopy full SHA for a609f1e

File tree

+14

-7

lines changed

+14

-7

lines changed

Lines changed: 9 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,11 +1,12 @@`
`1`	`1`	`importReactfrom'react'`
`2`	`2`	`importRfrom'ramda'`
	`3`	`+import{OverlayScrollbarsComponent}from'overlayscrollbars-react'`
`3`	`4`
`4`	`5`	`// eslint-disable-next-line import/named`
`5`	`6`	`import{ICON_CMD}from'@config'`
`6`	`7`	`importTabSelectorfrom'@components/TabSelector'`
`7`	`8`
`8`		`-import{Wrapper,SeeAllMessages}from'./styles/mails_panel'`
	`9`	`+import{Wrapper,ContentWrapper,SeeAllMessages}from'./styles/mails_panel'`
`9`	`10`	`importMailListsfrom'./MailLists'`
`10`	`11`
`11`	`12`	`import{selectChange,seeAll}from'./logic'`
`@@ -48,7 +49,13 @@ const MailsPannel = ({ activeRaw, mailStatus, pagedMentions }) => {`
`48`	`49`	`activeRaw={activeRaw}`
`49`	`50`	`onChange={selectChange}`
`50`	`51`	`/>`
`51`		`-<MailListsactiveRaw={activeRaw}pagedMentions={pagedMentions}/>`
	`52`	`+<OverlayScrollbarsComponent`
	`53`	`+options={{scrollbars:{autoHide:'scroll',autoHideDelay:200}}}`
	`54`	`+>`
	`55`	`+<ContentWrapper>`
	`56`	`+<MailListsactiveRaw={activeRaw}pagedMentions={pagedMentions}/>`
	`57`	`+</ContentWrapper>`
	`58`	`+</OverlayScrollbarsComponent>`
`52`	`59`	`<SeeAllMessagesonClick={seeAll}>查看全部消息</SeeAllMessages>`
`53`	`60`	`</Wrapper>`
`54`	`61`	`)`

Lines changed: 1 addition & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -8,6 +8,7 @@ import React from 'react'`
`8`	`8`
`9`	`9`	`import{connectStore,buildLog}from'@utils'`
`10`	`10`	`importPopoverfrom'@components/Popover'`
	`11`	`+`
`11`	`12`	`importMailsPanelfrom'./MailsPanel'`
`12`	`13`
`13`	`14`	`import{Wrapper,NofityDot,HeaderMailIcon}from'./styles'`

Lines changed: 4 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -5,9 +5,12 @@ import { theme } from '@utils'`
`5`	`5`	exportconstWrapper=styled.div`
`6`	`6`	`width: 370px;`
`7`	`7`	`min-height: 300px;`
`8`		`- height:auto;`
	`8`	`+ height:400px;`
`9`	`9`	`padding: 10px;`
`10`	`10`	`
	`11`	+exportconstContentWrapper=styled.div`
	`12`	`+ height: 300px;`
	`13`	+`
`11`	`14`	exportconstSeeAllMessages=styled.div`
`12`	`15`	`color:${theme('banner.title')};`
`13`	`16`	`text-align: center;`

Lines changed: 0 additions & 4 deletions

Original file line number	Diff line number	Diff line change
@@ -9,10 +9,6 @@ export const Wrapper = styled.div`
`9`	`9`	`
`10`	`10`	exportconstListsWrapper=styled.div`
`11`	`11`	`width: 340px;`
`12`		`- min-height: 280px;`
`13`		`- max-height: 400px;`
`14`		`- overflow-y: scroll;`
`15`		`- overflow-x: hidden;`
`16`	`12`	`
`17`	`13`	exportconstUserLabel=styled.div`
`18`	`14`	`${cs.flex('align-center')};`

Comments

(0)