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

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'>
Are you sure to delete this note?
</span>
<button styleName='info-delete-cancelButton'
onClick={(e) => this.handleDeleteCancelButtonClick(e)}
>Cancel</button>
<button styleName='info-delete-confirmButton'
onClick={(e) => this.handleDeleteConfirmButtonClick(e)}
ref='deleteConfirmButton'
>Confirm</button>
<button styleName='info-delete-cancelButton'
onClick={(e) => this.handleDeleteCancelButtonClick(e)}
>Cancel</button>
</div>
</div>
: <div styleName='info'>

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

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

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

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

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

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