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

changeEscButton

This commit is contained in:
Sosuke Suzuki
2017-01-21 14:31:38 +09:00
parent f043b0ffb3
commit 23a356164e
3 changed files with 15 additions and 12 deletions

View File

@@ -28,8 +28,6 @@
right 10px right 10px
height 30px height 30px
padding 0 25px padding 0 25px
border $ui-border
border-radius 2px
color $ui-text-color color $ui-text-color
colorDefaultButton() colorDefaultButton()

View File

@@ -102,9 +102,10 @@ class NewNoteModal extends React.Component {
<div styleName='header'> <div styleName='header'>
<div styleName='title'>Make a Note</div> <div styleName='title'>Make a Note</div>
</div> </div>
<button styleName='closeButton' <button styleName='closeButton' onClick={(e) => this.handleCloseButtonClick(e)}>
onClick={(e) => this.handleCloseButtonClick(e)} <div styleName='close-mark'>X</div>
>Close</button> <div styleName='close-text'>esc</div>
</button>
<div styleName='control'> <div styleName='control'>
<button styleName='control-button' <button styleName='control-button'

View File

@@ -14,20 +14,24 @@
color $ui-text-color color $ui-text-color
.closeButton .closeButton
height 50px
position absolute position absolute
top 10px background-color transparent
color $ui-inactive-text-color
border none
top 7px
right 10px right 10px
height 30px text-align center
width 0 25px width top-bar--height
border $ui-border height top-bar--height
border-radius 2px
color $ui-text-color
colorDefaultButton()
.control .control
padding 25px 15px 15px padding 25px 15px 15px
text-align center text-align center
.close-mark
font-size 15px
.control-button .control-button
width 220px width 220px
height 220px height 220px