1
0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 17:56:25 +00:00

modify: fix style for detail info

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

View File

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

View File

@@ -1,4 +1,4 @@
$info-height = 75px
$info-height = 60px
.root
absolute top right bottom
@@ -15,23 +15,7 @@ $info-height = 75px
.info-left
float left
padding 0 5px
.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
margin 18px 2px
.info-right
float right
@@ -43,7 +27,7 @@ $info-height = 75px
navButtonColor()
border $ui-border
font-size 14px
margin 8px 2px
margin 13px 2px
padding 0
&:active
border-color $ui-button--focus-borderColor

View File

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

View File

@@ -1,4 +1,4 @@
$info-height = 75px
$info-height = 60px
.root
absolute top bottom right
@@ -15,23 +15,7 @@ $info-height = 75px
.info-left
float left
padding 0 5px
.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
margin 18px 2px
.info-right
float right
@@ -43,7 +27,7 @@ $info-height = 75px
navButtonColor()
border $ui-border
font-size 14px
margin 8px 2px
margin 13px 2px
padding 0
&:active
border-color $ui-button--focus-borderColor