Add current path to "Back" button in file list

Closes #1712
This commit is contained in:
Gina Häußge 2017-02-24 15:05:26 +01:00
parent aab98a7c9f
commit 755bcaa311
3 changed files with 15 additions and 2 deletions

File diff suppressed because one or more lines are too long

View file

@ -580,6 +580,16 @@ ul.dropdown-menu li a {
animation: highlightframes 2s;
}
}
.back {
.back-path {
white-space: nowrap;
span {
word-wrap: break-word;
white-space: pre-line;
}
}
}
}
.upload-buttons {

View file

@ -2,7 +2,10 @@
<input type="text" class="input-block search-query" data-bind="value: searchQuery, valueUpdate: 'input'" placeholder="{{ _('Search...') }}">
</form>
<div class="gcode_files">
<div class="entry back clickable" data-bind="visible: currentPath() != '', click: function() { $root.navigateUp(); }" style="display: none"><i class="icon-arrow-left"></i> {{ _('Back') }}</div>
<div class="entry back clickable" data-bind="visible: currentPath() != '', click: function() { $root.navigateUp(); }" style="display: none">
<div class="back-arrow"><i class="icon-arrow-left"></i> {{ _('Back') }}</div>
<div class="back-path"><small class="muted">{{ _('Currently in') }} <span data-bind="text: currentPath"></span></small></div>
</div>
<!-- ko slimScrolledForeach: filesAndFolders -->
<div class="entry" data-bind="attr: { id: $root.getEntryId($data) }, template: { name: $root.templateFor($data), data: $data }, css: $data.type"></div>