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

Added title attributes to support long folder names and foldernames are no longer overflowing nearby elements

Browse Source
This commit is contained in:
pfftdammitchris
2018-02-24 08:42:02 -08:00
parent ba888a7165
commit 8f90bb83e7
2 changed files with 11 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
browser/components/NoteItem.js
View File

@@ -82,11 +82,9 @@ const NoteItem = ({
{['ALL', 'STORAGE'].includes(viewType) && <div styleName='item-middle'> {['ALL', 'STORAGE'].includes(viewType) && <div styleName='item-middle'>
<div styleName='item-middle-time'>{dateDisplay}</div> <div styleName='item-middle-time'>{dateDisplay}</div>
<div styleName='item-middle-app-meta'> <div styleName='item-middle-app-meta'>
<div style={{display: 'inline-block'}}> <div title={viewType === 'ALL' ? storageName : viewType === 'STORAGE' ? folderName : null} styleName='item-middle-app-meta-label'>
<span styleName='item-middle-app-meta-label'> {viewType === 'ALL' && storageName}
{viewType === 'ALL' && storageName} {viewType === 'STORAGE' && folderName}
{viewType === 'STORAGE' && folderName}
</span>
</div> </div>
</div> </div>
</div>} </div>}

15
browser/components/NoteItem.styl
View File

@@ -100,14 +100,15 @@ $control-height = 30px
display inline-block display inline-block
.item-middle-app-meta .item-middle-app-meta
display inline-block
float right float right
opacity 0.8 .item-middle-app-meta-label
opacity 0.4
.item-middle-app-meta-label color $ui-inactive-text-color
color $ui-inactive-text-color padding 0 3px
opacity 0.6 white-space nowrap
padding 0 3px text-overflow ellipsis
overflow hidden
max-width 200px
.item-bottom .item-bottom
position relative position relative