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

Add tooltip to editmode buttons

Browse Source
This commit is contained in:
Rokt33r
2015-12-22 19:42:23 +09:00
parent 3f58302a14
commit c625513924
2 changed files with 19 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
browser/main/HomePage/ArticleDetail/index.js
View File

@@ -526,14 +526,17 @@ export default class ArticleDetail extends React.Component {
? 'Preview'
: 'Edit'
}
<span className='tooltip'>{process.platform === 'darwin' ? '⌘' : '^'} + p</span>
</button>)
: null
}
<button onClick={e => this.handleCancelButtonClick(e)}>
<button onClick={e => this.handleCancelButtonClick(e)} className='cancelBtn'>
Cancel
<span className='tooltip'>Esc</span>
</button>
<button onClick={e => this.handleSaveButtonClick(e)} className='primary'>
<button onClick={e => this.handleSaveButtonClick(e)} className='saveBtn'>
Save
<span className='tooltip'>{process.platform === 'darwin' ? '⌘' : '^'} + s</span>
</button>
</div>
</div>

15
browser/styles/main/HomeContainer/components/ArticleDetail.styl
View File

@@ -159,6 +159,7 @@ iptFocusBorderColor = #369DCD
&:hover
background-color darken(white, 10%)
.right
z-index 30
button
cursor pointer
height 33px
@@ -169,14 +170,26 @@ iptFocusBorderColor = #369DCD
background-color darken(white, 5%)
border solid 1px borderColor
border-radius 5px
&>.tooltip
tooltip()
top 105px
&.preview
width inherit
.tooltip
margin-left -55px
&:hover
background-color white
&.primary
.tooltip
opacity 1
&.cancelBtn
.tooltip
margin-left -25px
&.saveBtn
border none
background-color brandColor
color white
.tooltip
margin-left -45px
&:hover
color white
background-color lighten(brandColor, 10%)