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.

Commitd54f5ad

Browse files
authored
refactor(rich-editor): integrate to works & style adjust (#1138)
* refactor(works): adjust editor styles* refactor(works): adjust launch part & clean up* refactor(rich-editor): adjust header function* refactor(rich-editor): header wip* refactor(header): layout convention naming
1 parent61d9cf8 commitd54f5ad

File tree

28 files changed

+258
-185
lines changed

28 files changed

+258
-185
lines changed

‎src/components/Checker/index.tsx‎

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,7 @@ type TProps = {
2121
checked?:boolean
2222
hiddenMode?:boolean
2323
size?:TSIZE_SM
24+
dimWhenIdle?:boolean
2425
onChange?:(checked:boolean)=>void
2526
}
2627

@@ -30,11 +31,16 @@ const Checker: FC<TProps> = ({
3031
hiddenMode=false,
3132
size=SIZE.MEDIUM,
3233
children=null,
34+
dimWhenIdle=false,
3335
})=>{
3436
constshow=checked||!hiddenMode
3537

3638
return(
37-
<Wrappershow={show}onClick={()=>show&&onChange(!checked)}>
39+
<Wrapper
40+
show={show}
41+
dimWhenIdle={dimWhenIdle}
42+
onClick={()=>show&&onChange(!checked)}
43+
>
3844
<IconWrapperchecked={checked}size={size}>
3945
<Iconsrc={`${ICON}/shape/checked.svg`}checked={checked}size={size}/>
4046
</IconWrapper>

‎src/components/Checker/styles/index.ts‎

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,9 +9,17 @@ import { getIconSize, getFontSize, getBorderRadius } from './metric'
99

1010
typeTItem={checked:boolean;size:string}
1111

12-
exportconstWrapper=styled.div<TActive>`
12+
typeTWrapper={dimWhenIdle:boolean}&TActive
13+
exportconstWrapper=styled.div<TWrapper>`
1314
${css.flex('align-center')};
1415
visibility:${({ show})=>(show ?'visible' :'hidden')};
16+
opacity:${({ dimWhenIdle})=>(dimWhenIdle ?0.7 :1)};
17+
18+
&:hover {
19+
fill: #00a59b;
20+
opacity: 1;
21+
cursor: pointer;
22+
}
1523
`
1624
exportconstIconWrapper=styled.div<TItem>`
1725
position: relative;

‎src/components/Header/DesktopView/ArticleEditorView.tsx‎renamed to ‎src/components/Header/DesktopView/ArticleEditorLayout.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ import {
1616
RouterWrapper,
1717
Operations,
1818
MoreIcon,
19-
}from'../styles/desktop_view/article_editor_view'
19+
}from'../styles/desktop_view/article_editor_layout'
2020

2121
constArticleEditorHeader:FC<TProps>=({ metric, c11n, community})=>{
2222
return(

‎src/components/Header/DesktopView/ArticleView.tsx‎renamed to ‎src/components/Header/DesktopView/ArticleLayout.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ import {
1818
RouterWrapper,
1919
Operations,
2020
MoreIcon,
21-
}from'../styles/desktop_view/article_view'
21+
}from'../styles/desktop_view/article_layout'
2222

2323
/* eslint-disable-next-line */
2424
constlog=buildLog('C:Header')

‎src/components/Header/DesktopView/CommunityView.tsx‎renamed to ‎src/components/Header/DesktopView/CommunityLayout.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ import {
2020
ClassicInnerWrapper,
2121
HolyGrailInnerWrapper,
2222
RouterWrapper,
23-
}from'../styles/desktop_view/community_view'
23+
}from'../styles/desktop_view/community_layout'
2424

2525
/* eslint-disable-next-line */
2626
constlog=buildLog('C:Header')

‎src/components/Header/DesktopView/WorksView.tsx‎renamed to ‎src/components/Header/DesktopView/WorksLayout.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ import {
1919
Wrapper,
2020
InnerWrapper,
2121
RouterWrapper,
22-
}from'../styles/desktop_view/works_view'
22+
}from'../styles/desktop_view/works_layout'
2323

2424
/* eslint-disable-next-line */
2525
constlog=buildLog('C:Header')

‎src/components/Header/DesktopView/index.tsx‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -3,28 +3,28 @@ import { FC, memo } from 'react'
33
import{METRIC}from'@/constant'
44

55
importtype{TProps}from'../index'
6-
importCommunityViewfrom'./CommunityView'
7-
importArticleViewfrom'./ArticleView'
8-
importWorksViewfrom'./WorksView'
6+
importCommunityLayoutfrom'./CommunityLayout'
7+
importArticleLayoutfrom'./ArticleLayout'
8+
importWorksLayoutfrom'./WorksLayout'
99
// import ArticleEditorView from './ArticleEditorView'
1010

1111
constDesktopView:FC<TProps>=(props)=>{
1212
const{ metric}=props
1313
switch(metric){
1414
caseMETRIC.ARTICLE:{
15-
return<ArticleView{...props}/>
15+
return<ArticleLayout{...props}/>
1616
}
1717
caseMETRIC.WORKS_ARTICLE:{
18-
return<ArticleView{...props}/>
18+
return<ArticleLayout{...props}/>
1919
}
2020
caseMETRIC.WORKS:{
21-
return<WorksView{...props}/>
21+
return<WorksLayout{...props}/>
2222
}
2323
// case METRIC.ARTICLE_EDITOR: {
2424
// return <ArticleEditorView metric={metric} />
2525
// }
2626
default:{
27-
return<CommunityView{...props}/>
27+
return<CommunityLayout{...props}/>
2828
}
2929
}
3030
}

‎src/components/Header/styles/desktop_view/article_editor_view.ts‎renamed to ‎src/components/Header/styles/desktop_view/article_editor_layout.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,9 @@ import styled from 'styled-components'
33
importcssfrom'@/utils/css'
44
import{WIDTH}from'@/utils/css/metric'
55

6-
import{WrapperasCommunityWrapper}from'./community_view'
6+
import{WrapperasCommunityWrapper}from'./community_layout'
77

8-
export{RouterWrapper,MoreIcon}from'./article_view'
8+
export{RouterWrapper,MoreIcon}from'./article_layout'
99

1010
exportconstWrapper=styled(CommunityWrapper)`
1111
${css.flex('align-both')};

‎src/components/Header/styles/desktop_view/article_view.ts‎renamed to ‎src/components/Header/styles/desktop_view/article_layout.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import type { TMetric } from '@/spec'
44
import{theme}from'@/utils/themes'
55
importcssfrom'@/utils/css'
66
importImgfrom'@/Img'
7-
import{WrapperasCommunityWrapper}from'./community_view'
7+
import{WrapperasCommunityWrapper}from'./community_layout'
88

99
import{getStickerJustify}from'./metric'
1010

File renamed without changes.

0 commit comments

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