public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-12 17:26:17 +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'>
<div styleName='item-middle-time'>{dateDisplay}</div>
<div styleName='item-middle-app-meta'>
<div style={{display: 'inline-block'}}>
<span styleName='item-middle-app-meta-label'>
{viewType === 'ALL' && storageName}
{viewType === 'STORAGE' && folderName}
</span>
<div title={viewType === 'ALL' ? storageName : viewType === 'STORAGE' ? folderName : null} styleName='item-middle-app-meta-label'>
{viewType === 'ALL' && storageName}
{viewType === 'STORAGE' && folderName}
</div>
</div>
</div>}

15
browser/components/NoteItem.styl
View File

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