Skip to content

Commit

Permalink
Showing full folder name
Browse files Browse the repository at this point in the history
  • Loading branch information
BatPio committed Aug 21, 2017
1 parent 3477580 commit aa71dbb
Show file tree
Hide file tree
Showing 3 changed files with 11 additions and 3 deletions.
10 changes: 9 additions & 1 deletion css/style.css
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
#visibleFolders {
height: 100%;
overflow-y: scroll;
overflow-y: auto;
}

#visibleFolders .folder-item {
Expand All @@ -16,6 +16,14 @@
display: inline-block;
}

#visibleFolders .collapsible a.icon-folder{
white-space: nowrap;
overflow: hidden; /* "overflow" value must be different from "visible" */
text-overflow: ellipsis;
direction:rtl;
text-align:left;
}

#visibleFolders .collapsible .folder-link{
display: inline-block;
width: 44px;
Expand Down
2 changes: 1 addition & 1 deletion js_src/App.js
Original file line number Diff line number Diff line change
Expand Up @@ -119,7 +119,7 @@ export default class App {
}
albumViewInfosList.push({
id: item.id,
label: item.name,
label: item.path,
link: this.generateGalleryUrl(item.path.substring(1, item.path.length)),
filesList : photosList
});
Expand Down
2 changes: 1 addition & 1 deletion js_src/FoldersList.js
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,7 @@ export default class FoldersList extends React.Component {
return (
<li key={folder.id} className={headerClass}>
<button className="collapse" onClick={this.handleToggle.bind(this, folder.id)}></button>
<a href="#" className="icon-folder svg" onClick={this.onFolderClick.bind(this, folder.id)}>{folder.label}</a>
<a href="#" className="icon-folder svg" title={folder.label} onClick={this.onFolderClick.bind(this, folder.id)}>{folder.label}</a>
<a href={folder.link} className="folder-link"><span className="icon"/></a>
{this.renderFolderContent(folder.id, folder.filesList, itemState)}
</li>);
Expand Down

0 comments on commit aa71dbb

Please sign in to comment.