Hotkey settingの時Alertで結果を出す

Folder nameが長すぎ雨時のlayout崩れ解決
ArticleNavigatorの余計なスペースをなくす
Default articleの誤字直し

browser/main/HomePage/ArticleDetail.js

@@ -132,7 +132,7 @@ export default class ArticleDetail extends React.Component {
             <div className='detailInfo'>
               <div className='left'>
                 <div className='info'>
-                  <FolderMark color={folder.color}/> {folder.name}&nbsp;
+                  <FolderMark color={folder.color}/> <span className='folderName'>{folder.name}</span>&nbsp;
                   Created : {moment(activeArticle.createdAt).format('YYYY/MM/DD')}&nbsp;
                   Updated : {moment(activeArticle.updatedAt).format('YYYY/MM/DD')}
                 </div>

browser/main/HomePage/ArticleList.js

@@ -85,7 +85,7 @@ export default class ArticleList extends React.Component {
           <div onClick={e => this.handleArticleClick(article)(e)} className={'articleItem' + (activeArticle.key === article.key ? ' active' : '')}>
             <div className='top'>
               {folder != null
-                ? <span><FolderMark color={folder.color}/>{folder.name}</span>
+                ? <span className='folderName'><FolderMark color={folder.color}/>{folder.name}</span>
                 : <span><FolderMark color={-1}/>Unknown</span>
               }
             <span className='updatedAt'>{article.status != null ? article.status : moment(article.updatedAt).fromNow()}</span>

browser/styles/main/HomeContainer/components/ArticleDetail.styl

@@ -44,6 +44,11 @@ iptFocusBorderColor = #369DCD
     .left
       absolute top left bottom
       right 120px
+      .folderName
+        display inline-block
+        max-width 100px
+        overflow ellipsis
+        height 10px
     .right
       absolute top right
   .detailBody

browser/styles/main/HomeContainer/components/ArticleList.styl

@@ -26,8 +26,10 @@ articleItemColor = #777
         line-height 20px
         padding 5px 0
         color articleItemColor
-        .profileImage
-          vertical-align middle
+        .folderName
+          overflow ellipsis
+          display inline-block
+          width 120px
         .updatedAt
           float right
           line-height 20px

browser/styles/main/HomeContainer/components/ArticleNavigator.styl

@@ -100,9 +100,12 @@ articleNavBgColor = #353535
           background-color brandColor
           border-color brandColor
   .folders
-    margin-bottom 15px
+    absolute bottom
+    top 200px
+    width 100%
     .folderList
-      height 340px
+      absolute bottom
+      top 38px
       overflow-y auto
     .folderList button
       height 33px

browser/styles/main/HomeContainer/lib/Preferences.styl

@@ -103,6 +103,11 @@ iptFocusBorderColor = #369DCD
           font-size 14px
           &:hover
             background-color lighten(brandColor, 10%)
+        .alert
+          float right
+          width 250px
+          padding 10px 15px
+          margin 0 10px 0
     .alert
       color infoTextColor
       background-color infoBackgroundColor
@@ -374,6 +379,7 @@ iptFocusBorderColor = #369DCD
             .folderName
               float left
               width 175px
+              overflow ellipsis
               padding-left 15px
             .folderPublic
               float left
@@ -480,6 +486,7 @@ iptFocusBorderColor = #369DCD
                   height 33px
                   width 250px
                   padding-left 15px
+                  overflow ellipsis
                   strong
                     font-size 16px
                     color brandColor