diff --git a/browser/main/HomePage/ArticleDetail.js b/browser/main/HomePage/ArticleDetail.js
index d77041c7..39ccd8cb 100644
--- a/browser/main/HomePage/ArticleDetail.js
+++ b/browser/main/HomePage/ArticleDetail.js
@@ -185,8 +185,13 @@ export default class ArticleDetail extends React.Component {
: (
Not tagged yet
) : null
+
let folder = _.findWhere(folders, {key: activeArticle.FolderKey})
+ let title = activeArticle.title.trim().length === 0
+ ? (Untitled)
+ : activeArticle.title
+
return (
{this.state.openDeleteConfirmMenu
@@ -232,7 +237,7 @@ export default class ArticleDetail extends React.Component {
- {activeArticle.title}
+ {title}
{activeArticle.mode === 'markdown'
?
@@ -265,9 +270,10 @@ export default class ArticleDetail extends React.Component {
delete newArticle.status
newArticle.updatedAt = new Date()
+ newArticle.title = newArticle.title.trim()
if (newArticle.createdAt == null) {
newArticle.createdAt = new Date()
- if (newArticle.title.trim().length === 0) {
+ if (newArticle.title.length === 0) {
newArticle.title = `Created at ${moment(newArticle.createdAt).format('YYYY/MM/DD HH:mm')}`
}
activityRecord.emit('ARTICLE_CREATE')
diff --git a/browser/styles/main/HomeContainer/components/ArticleDetail.styl b/browser/styles/main/HomeContainer/components/ArticleDetail.styl
index 2f4ae10c..e64e5da6 100644
--- a/browser/styles/main/HomeContainer/components/ArticleDetail.styl
+++ b/browser/styles/main/HomeContainer/components/ArticleDetail.styl
@@ -323,7 +323,8 @@ iptFocusBorderColor = #369DCD
right 15px
font-size 24px
line-height 60px
-
white-space nowrap
overflow-x auto
overflow-y hidden
+ small
+ color #AAA