Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings
This repository was archived by the owner on Nov 8, 2022. It is now read-only.

Commitfa7b0e6

Browse files
committed
refactor(sidebar): rename top/bottom shadow to header/footer
1 parentbed8a4a commitfa7b0e6

File tree

15 files changed

+36
-36
lines changed

15 files changed

+36
-36
lines changed

‎src/containers/Sidebar/Footer.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@ import { ICON_CMD } from '@config'
44

55
import{Wrapper,InnerWrapper,SettingIcon}from'./styles/footer'
66

7-
constFooter=({ pin,showFooterBarShadow})=>(
8-
<Wrapperpin={pin}dropShadow={showFooterBarShadow}>
7+
constFooter=({ pin,showFooterShadow})=>(
8+
<Wrapperpin={pin}dropShadow={showFooterShadow}>
99
<InnerWrapperpin={pin}>
1010
<SettingIconsrc={`${ICON_CMD}/setting.svg`}/>
1111
</InnerWrapper>

‎src/containers/Sidebar/MenuList.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ const SortableMenuBar = SortableElement(
2020
)
2121

2222
constMenuList=SortableContainer(
23-
({ items, pin, activeRaw, forceRerender,showHomeBarShadow})=>{
23+
({ items, pin, activeRaw, forceRerender,showHeaderShadow})=>{
2424
consthomeCommunities=R.filter(R.propEq('raw','home'),items)
2525
constsortableCommunities=R.reject(R.propEq('raw','home'),items)
2626

@@ -32,7 +32,7 @@ const MenuList = SortableContainer(
3232
pin={pin}
3333
item={item}
3434
activeRaw={activeRaw}
35-
dropShadow={showHomeBarShadow}
35+
dropShadow={showHeaderShadow}
3636
/>
3737
))}
3838
<OverlayScrollbarsComponent

‎src/containers/Sidebar/index.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -25,8 +25,8 @@ const SidebarContainer = ({ sidebar }) => {
2525
curCommunity,
2626
pin,
2727
searchCommunityValue,
28-
showHomeBarShadow,
29-
showFooterBarShadow,
28+
showHeaderShadow,
29+
showFooterShadow,
3030
communitiesData,
3131
forceRerender,
3232
}=sidebar
@@ -41,13 +41,13 @@ const SidebarContainer = ({ sidebar }) => {
4141
<MenuList
4242
items={communitiesData}
4343
pin={pin}
44-
showHomeBarShadow={showHomeBarShadow}
44+
showHeaderShadow={showHeaderShadow}
4545
forceRerender={forceRerender}
4646
activeRaw={activeRaw}
4747
onSortEnd={onSortMenuEnd}
4848
distance={5}
4949
/>
50-
<Footerpin={pin}showFooterBarShadow={showFooterBarShadow}/>
50+
<Footerpin={pin}showFooterShadow={showFooterShadow}/>
5151
</Wrapper>
5252
)
5353
}

‎src/containers/Sidebar/logic.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -28,19 +28,19 @@ let sub$ = null
2828
exportconstsetPin=()=>store.mark({pin:!store.pin})
2929

3030
exportconstanchorTop=()=>{
31-
if(store)store.mark({showHomeBarShadow:false})
31+
if(store)store.mark({showHeaderShadow:false})
3232
}
3333

3434
exportconstanchorOffTop=()=>{
35-
if(store)store.mark({showHomeBarShadow:true})
35+
if(store)store.mark({showHeaderShadow:true})
3636
}
3737

3838
exportconstanchorBottom=()=>{
39-
if(store)store.mark({showFooterBarShadow:false})
39+
if(store)store.mark({showFooterShadow:false})
4040
}
4141

4242
exportconstanchorOffBottom=()=>{
43-
if(store)store.mark({showFooterBarShadow:true})
43+
if(store)store.mark({showFooterShadow:true})
4444
}
4545

4646
exportconstsearchOnFocus=()=>store.mark({pin:true})

‎src/containers/Sidebar/store.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -15,9 +15,9 @@ const SidebarStore = t
1515
// open: t.optional(t.boolean, false),
1616
pin:t.optional(t.boolean,false),
1717
// add shadow effect to homebar when user scroll the communities list
18-
showHomeBarShadow:t.optional(t.boolean,false),
18+
showHeaderShadow:t.optional(t.boolean,false),
1919
// add shadow effect to footer when user scroll the communities list
20-
showFooterBarShadow:t.optional(t.boolean,false),
20+
showFooterShadow:t.optional(t.boolean,false),
2121
searchCommunityValue:t.optional(t.string,''),
2222

2323
/*

‎src/containers/Sidebar/styles/footer.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,9 +9,9 @@ export const Wrapper = styled.div`
99
background:${theme('sidebar.bg')};
1010
1111
box-shadow:${({ dropShadow})=>
12-
dropShadow ?theme('sidebar.bottomShadow') :'none'};
12+
dropShadow ?theme('sidebar.footerShadow') :'none'};
1313
border-bottom:${({ dropShadow})=>
14-
dropShadow ?theme('sidebar.bottomShadowBorderBottom') :''};
14+
dropShadow ?theme('sidebar.footerShadowBorderBottom') :''};
1515
1616
z-index: 1;
1717
`

‎src/containers/Sidebar/styles/menu_bar.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -41,9 +41,9 @@ export const MenuItemBar = styled.div`
4141
color:${theme('sidebar.menuLink')};
4242
4343
box-shadow:${({ dropShadow})=>
44-
dropShadow ?theme('sidebar.topShadow') :'none'};
44+
dropShadow ?theme('sidebar.headerShadow') :'none'};
4545
border-bottom:${({ dropShadow})=>
46-
dropShadow ?theme('sidebar.topShadowBorderBottom') :''};
46+
dropShadow ?theme('sidebar.headerShadowBorderBottom') :''};
4747
`
4848
exportconstMenuRow=styled.div`
4949
${cs.flex()};

‎utils/themes/skins/cyan.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -109,10 +109,10 @@ const cyan = {
109109
pinActive:primaryColor,
110110
menuLink:'#D9E6E5',
111111
borderColor:'#14363E',
112-
topShadow:'0px 6px 4px 0px rgba(0,0,0,0.2)',
113-
topShadowBorderBottom:'1px dashed #316d7b',
114-
bottomShadow:'-1px -4px 4px 0px rgba(0,0,0,0.2)',
115-
bottomShadowBorderBottom:'1px dashed #316d7b',
112+
headerShadow:'0px 6px 4px 0px rgba(0,0,0,0.2)',
113+
headerShadowBorderBottom:'1px dashed #316d7b',
114+
footerShadow:'-1px -4px 4px 0px rgba(0,0,0,0.2)',
115+
footerShadowBorderBottom:'1px dashed #316d7b',
116116

117117
searchInputBottom:'#2b6775',
118118
searchInputBottomActive:'#61ABB2',

‎utils/themes/skins/github.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -110,8 +110,8 @@ const github = {
110110
pinActive:'yellowgreen',
111111
menuLink:'#D9E6E5',
112112
borderColor:'#14363E',
113-
topShadow:'0px 6px 4px 0px rgba(0,0,0,0.2)',
114-
topShadowBorderBottom:'1px dashed #3d5a51',
113+
headerShadow:'0px 6px 4px 0px rgba(0,0,0,0.2)',
114+
headerShadowBorderBottom:'1px dashed #3d5a51',
115115
searchInputBottom:'#3A3948',
116116
searchInputBottomActive:'#3B8250',
117117
searchInputHolder:'#3B3948',

‎utils/themes/skins/green.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -111,8 +111,8 @@ const green = {
111111
pinActive:'yellowgreen',
112112
menuLink:'#A6BBAF',
113113
borderColor:lighten(0.05,sidebarBg),
114-
topShadow:'-2px 2px 2px 0px rgb(39, 53, 45)',
115-
topShadowBorderBottom:'1px solid #576957',
114+
headerShadow:'-2px 2px 2px 0px rgb(39, 53, 45)',
115+
headerShadowBorderBottom:'1px solid #576957',
116116
searchInputBottom:'#606f64',
117117
searchInputBottomActive:'#92C446',
118118
searchInputHolder:'#607765',

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp