public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2026-01-04 20:49:19 +00:00
Code Issues Releases Wiki Activity

tooltip, tutorial追加

Browse Source
This commit is contained in:
Rokt33r
2015-11-01 21:59:59 +09:00
parent 522c0edd90
commit 72f6468d12
10 changed files with 251 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
browser/main/HomePage/ArticleDetail.js
View File

@@ -139,10 +139,10 @@ export default class ArticleDetail extends React.Component {
</div>
<div className='right'>
<button onClick={e => this.handleEditButtonClick(e)} className='editBtn'>
<i className='fa fa-fw fa-edit'/><span className='tooltip'>Edit 編集(e)</span>
<i className='fa fa-fw fa-edit'/><span className='tooltip'>Edit 編集 (e)</span>
</button>
<button onClick={e => this.handleDeleteButtonClick(e)} className='deleteBtn'>
<i className='fa fa-fw fa-trash'/><span className='tooltip'>Delete 削除(d)</span>
<i className='fa fa-fw fa-trash'/><span className='tooltip'>Delete 削除 (d)</span>
</button>
</div>
</div>

8
browser/main/HomePage/ArticleTopBar.js
View File

@@ -2,6 +2,8 @@ import React, { PropTypes } from 'react'
import ReactDOM from 'react-dom'
import ExternalLink from 'boost/components/ExternalLink'
import { setSearchFilter, clearSearch } from 'boost/actions'
import { openModal } from 'boost/modal'
import Tutorial from 'boost/components/modal/Tutorial'
export default class ArticleTopBar extends React.Component {
constructor (props) {
@@ -65,6 +67,10 @@ export default class ArticleTopBar extends React.Component {
this.focusInput()
}
handleTutorialButtonClick (e) {
openModal(Tutorial)
}
render () {
return (
<div className='ArticleTopBar'>
@@ -92,7 +98,7 @@ export default class ArticleTopBar extends React.Component {
</div>
</div>
<div className='right'>
<button>?<span className='tooltip'>How to use 使い方</span></button>
<button onClick={e => this.handleTutorialButtonClick(e)}>?<span className='tooltip'>How to use 使い方</span></button>
<ExternalLink className='logo' href='http://b00st.io'>
<img src='../../resources/favicon-230x230.png' width='44' height='44'/>
<span className='tooltip'>Boost official page 公式サイト</span>

2
browser/main/index.html
View File

@@ -2,7 +2,7 @@
<html>
<head>
<meta charset="utf-8">
<meta content='width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;' name='viewport' />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
<link rel="stylesheet" href="../../node_modules/font-awesome/css/font-awesome.min.css" media="screen" charset="utf-8">
<link rel="stylesheet" href="../../node_modules/devicon/devicon.min.css">