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

fix button tooltip & popup menu style

Browse Source
This commit is contained in:
Rokt33r
2016-01-04 19:57:01 +09:00
parent 4e0e11a611
commit 08b0c43382
3 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -35,6 +35,7 @@ othersMenu.append(new MenuItem({
})) }))
const BRAND_COLOR = '#18AF90' const BRAND_COLOR = '#18AF90'
const OSX = global.process.platform === 'darwin'
const editDeleteTutorialElement = ( const editDeleteTutorialElement = (
<svg width='300' height='500' className='tutorial'> <svg width='300' height='500' className='tutorial'>
@@ -318,6 +319,7 @@ export default class ArticleDetail extends React.Component {
disabled={!isUnsaved} disabled={!isUnsaved}
> >
<i className='fa fa-fw fa-save'/>&nbsp;Save <i className='fa fa-fw fa-save'/>&nbsp;Save
<span className='tooltip' children={`Save Post (${OSX ? '⌘' : '^'} + S)`}/>
</button> </button>
</div> </div>

2
browser/main/HomePage/ArticleNavigator.js
View File

@@ -186,7 +186,7 @@ export default class ArticleNavigator extends React.Component {
<div className='title'>Folders</div> <div className='title'>Folders</div>
<button onClick={e => this.handleNewFolderButton(e)} className='addBtn'> <button onClick={e => this.handleNewFolderButton(e)} className='addBtn'>
<i className='fa fa-fw fa-plus'/> <i className='fa fa-fw fa-plus'/>
<span className='tooltip'>Create a new folder ({OSX === 'darwin' ? '⌘' : '^'} + Shift + n)</span> <span className='tooltip'>Create a new folder ({OSX ? '⌘' : '^'} + Shift + n)</span>
</button> </button>
{status.isTutorialOpen ? newFolderTutorialElement : null} {status.isTutorialOpen ? newFolderTutorialElement : null}

11
browser/styles/main/ArticleDetail.styl
View File

@@ -110,6 +110,13 @@ infoButton()
&:focus &:focus
color white color white
background-color lighten(brandColor, 15%) background-color lighten(brandColor, 15%)
.tooltip
tooltip()
margin-top 30px
margin-left -90px
&:hover .tooltip
opacity 1
.ShareButton-open-button .tooltip .ShareButton-open-button .tooltip
margin-left -40px margin-left -40px
.ShareButton-dropdown .ShareButton-dropdown
@@ -121,7 +128,7 @@ infoButton()
border-radius 5px border-radius 5px
right 5px right 5px
top 95px top 95px
box-shadow 0px 0px 10px 1px #c0c0c0 box-shadow 0px 0px 10px 1px alpha(#bbb, 0.8)
border 1px solid #bcbcbc border 1px solid #bcbcbc
&.hide &.hide
display none display none
@@ -133,7 +140,7 @@ infoButton()
padding-left 20px padding-left 20px
text-align left text-align left
font-size 13px font-size 13px
font-family 'Helvetica Neue' font-family '.HelveticaNeueDeskInterface-Regular'
&:hover &:hover
background-color #4297FE background-color #4297FE
color white color white