public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 17:56:25 +00:00
Code Issues Releases Wiki Activity

modify: fix style for detail info

Browse Source
This commit is contained in:
sota1235
2016-12-21 14:01:18 +09:00
parent 15637642bb
commit 1ee3dec0cc
4 changed files with 16 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
browser/main/Detail/MarkdownNoteDetail.js
View File

@@ -214,14 +214,11 @@ class MarkdownNoteDetail extends React.Component {
> >
<div styleName='info'> <div styleName='info'>
<div styleName='info-left'> <div styleName='info-left'>
<div styleName='info-left-bottom'> <TagSelect
<TagSelect ref='tags'
styleName='info-left-bottom-tagSelect' value={this.state.note.tags}
ref='tags' onChange={(e) => this.handleChange(e)}
value={this.state.note.tags} />
onChange={(e) => this.handleChange(e)}
/>
</div>
</div> </div>
<div styleName='info-right'> <div styleName='info-right'>
<StarButton styleName='info-right-button' <StarButton styleName='info-right-button'

22
browser/main/Detail/MarkdownNoteDetail.styl
View File

@@ -1,4 +1,4 @@
$info-height = 75px $info-height = 60px
.root .root
absolute top right bottom absolute top right bottom
@@ -15,23 +15,7 @@ $info-height = 75px
.info-left .info-left
float left float left
padding 0 5px padding 0 5px
margin 18px 2px
.info-left-top
height 40px
line-height 40px
.info-left-top-folderSelect
display inline-block
height 34px
width 200px
vertical-align middle
.info-left-bottom
height 30px
.info-left-bottom-tagSelect
height 30px
line-height 30px
.info-right .info-right
float right float right
@@ -43,7 +27,7 @@ $info-height = 75px
navButtonColor() navButtonColor()
border $ui-border border $ui-border
font-size 14px font-size 14px
margin 8px 2px margin 13px 2px
padding 0 padding 0
&:active &:active
border-color $ui-button--focus-borderColor border-color $ui-button--focus-borderColor

13
browser/main/Detail/SnippetNoteDetail.js
View File

@@ -522,14 +522,11 @@ class SnippetNoteDetail extends React.Component {
> >
<div styleName='info'> <div styleName='info'>
<div styleName='info-left'> <div styleName='info-left'>
<div styleName='info-left-bottom'> <TagSelect
<TagSelect ref='tags'
styleName='info-left-bottom-tagSelect' value={this.state.note.tags}
ref='tags' onChange={(e) => this.handleChange(e)}
value={this.state.note.tags} />
onChange={(e) => this.handleChange(e)}
/>
</div>
</div> </div>
<div styleName='info-right'> <div styleName='info-right'>
<StarButton styleName='info-right-button' <StarButton styleName='info-right-button'

22
browser/main/Detail/SnippetNoteDetail.styl
View File

@@ -1,4 +1,4 @@
$info-height = 75px $info-height = 60px
.root .root
absolute top bottom right absolute top bottom right
@@ -15,23 +15,7 @@ $info-height = 75px
.info-left .info-left
float left float left
padding 0 5px padding 0 5px
margin 18px 2px
.info-left-top
height 40px
line-height 40px
.info-left-top-folderSelect
display inline-block
height 34px
width 200px
vertical-align middle
.info-left-bottom
height 30px
.info-left-bottom-tagSelect
height 30px
line-height 30px
.info-right .info-right
float right float right
@@ -43,7 +27,7 @@ $info-height = 75px
navButtonColor() navButtonColor()
border $ui-border border $ui-border
font-size 14px font-size 14px
margin 8px 2px margin 13px 2px
padding 0 padding 0
&:active &:active
border-color $ui-button--focus-borderColor border-color $ui-button--focus-borderColor