public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-14 02:06:29 +00:00
Code Issues Releases Wiki Activity

fix Delete confirm design

Browse Source
This commit is contained in:
Dick Choi
2016-08-21 17:49:42 +09:00
parent 92b86bfa0b
commit fc237848c8
4 changed files with 16 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -228,13 +228,13 @@ class MarkdownNoteDetail extends React.Component {
<span styleName='info-delete-message'> <span styleName='info-delete-message'>
Are you sure to delete this note? Are you sure to delete this note?
</span> </span>
<button styleName='info-delete-cancelButton'
onClick={(e) => this.handleDeleteCancelButtonClick(e)}
>Cancel</button>
<button styleName='info-delete-confirmButton' <button styleName='info-delete-confirmButton'
onClick={(e) => this.handleDeleteConfirmButtonClick(e)} onClick={(e) => this.handleDeleteConfirmButtonClick(e)}
ref='deleteConfirmButton' ref='deleteConfirmButton'
>Confirm</button> >Confirm</button>
<button styleName='info-delete-cancelButton'
onClick={(e) => this.handleDeleteCancelButtonClick(e)}
>Cancel</button>
</div> </div>
</div> </div>
: <div styleName='info'> : <div styleName='info'>

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

@@ -14,28 +14,27 @@ $info-height = 75px
.info-delete .info-delete
height 80px height 80px
clearfix() display flex
.info-delete-message .info-delete-message
height 80px height 80px
line-height 80px line-height 80px
padding 0 25px padding 0 25px
float left overflow ellipsis
flex 1
.info-delete-confirmButton .info-delete-confirmButton
float right
margin 25px 5px 0 margin 25px 5px 0
width 80px
height 30px height 30px
padding 0 25px
border-radius 2px border-radius 2px
border none border none
colorDangerButton() colorDangerButton()
.info-delete-cancelButton .info-delete-cancelButton
float right width 80px
height 30px height 30px
margin 25px 5px 0 margin 25px 5px 0
padding 0 25px
border $ui-border border $ui-border
border-radius 2px border-radius 2px
color $ui-text-color color $ui-text-color

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

@@ -405,17 +405,16 @@ class SnippetNoteDetail extends React.Component {
tabIndex='-1' tabIndex='-1'
onKeyDown={(e) => this.handleDeleteKeyDown(e)} onKeyDown={(e) => this.handleDeleteKeyDown(e)}
> >
<span styleName='info-delete-message'> <span styleName='info-delete-message'>
Are you sure to delete this note? Are you sure to delete this note?
</span> </span>
<button styleName='info-delete-cancelButton'
onClick={(e) => this.handleDeleteCancelButtonClick(e)}
>Cancel</button>
<button styleName='info-delete-confirmButton' <button styleName='info-delete-confirmButton'
onClick={(e) => this.handleDeleteConfirmButtonClick(e)} onClick={(e) => this.handleDeleteConfirmButtonClick(e)}
ref='deleteConfirmButton' ref='deleteConfirmButton'
>Confirm</button> >Confirm</button>
<button styleName='info-delete-cancelButton'
onClick={(e) => this.handleDeleteCancelButtonClick(e)}
>Cancel</button>
</div> </div>
</div> </div>
: <div styleName='info'> : <div styleName='info'>

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

@@ -14,29 +14,27 @@ $info-height = 75px
.info-delete .info-delete
height 80px height 80px
clearfix() display flex
.info-delete-message .info-delete-message
height 80px height 80px
line-height 80px line-height 80px
padding 0 25px padding 0 25px
float left overflow ellipsis
flex 1
.info-delete-confirmButton .info-delete-confirmButton
float right
margin 25px 5px 0 margin 25px 5px 0
width 80px
height 30px height 30px
padding 0 25px
border-radius 2px border-radius 2px
border none border none
color $ui-text-color
colorDangerButton() colorDangerButton()
.info-delete-cancelButton .info-delete-cancelButton
float right width 80px
height 30px height 30px
margin 25px 5px 0 margin 25px 5px 0
padding 0 25px
border $ui-border border $ui-border
border-radius 2px border-radius 2px
color $ui-text-color color $ui-text-color