diff options
| -rw-r--r-- | Zotlabs/Storage/Browser.php | 2 | ||||
| -rw-r--r-- | view/tpl/cloud_directory.tpl | 66 |
2 files changed, 32 insertions, 36 deletions
diff --git a/Zotlabs/Storage/Browser.php b/Zotlabs/Storage/Browser.php index 0c6072ee4..9ae881f2f 100644 --- a/Zotlabs/Storage/Browser.php +++ b/Zotlabs/Storage/Browser.php @@ -500,7 +500,7 @@ class Browser extends DAV\Browser\Plugin { $breadcrumbs_html = ''; - if($display_path && ! $_REQUEST['cat']){ + if($display_path && ! $_REQUEST['cat'] && ! $_SESSION['cloud_tiles']){ $breadcrumbs = []; $folders = explode('/', $display_path); $folder_hashes = explode('/', $node->os_path); diff --git a/view/tpl/cloud_directory.tpl b/view/tpl/cloud_directory.tpl index c24e3c8aa..757239960 100644 --- a/view/tpl/cloud_directory.tpl +++ b/view/tpl/cloud_directory.tpl @@ -1,46 +1,42 @@ -<div class="section-content-wrapper-np"> +<div class="{{if $tiles}}section-content-wrapper{{else}}section-content-wrapper-np{{/if}}"> {{if $tiles}} <table id="cloud-index"> <tr id="new-upload-progress-bar-1"></tr> {{* this is needed to append the upload files in the right order *}} </table> - - {{if $parentpath}} - <div class="cloud-container" > - <div class="cloud-icon tiles"> - <a href="{{$parentpath}}"> - <div class="cloud-icon-container"> - <i class="fa fa-fw fa-level-up" ></i> - </div> - </a> - </div> - <div class="cloud-title"> - <a href="{{$parentpath}}">..</a> - </div> - </div> - {{/if}} - - {{foreach $entries as $item}} - <div class="cloud-container"> - <div class="cloud-icon tiles"><a href="{{$item.rel_path}}"> - {{if $item.photo_icon}} - <img src="{{$item.photo_icon}}" title="{{$item.type}}" > - {{else}} - <div class="cloud-icon-container"> - <i class="fa fa-fw {{$item.icon_from_type}}" title="{{$item.type}}"></i> + <div class="row row-cols-2 row-cols-md-4"> + {{if $parentpath}} + <div class="col mb-4"> + <div class="card h-100"> + <a href="{{$parentpath}}"> + <div class="text-center m-2"> + <i class="fa fa-fw fa-level-up fa-5x" title="{{$item.type}}" style="font-size: 4rem"></i> + </div> + <div class="card-footer"> + <small class="text-muted text-truncate">..</small> + </div> + </a> + </div> </div> {{/if}} + {{foreach $entries as $item}} + <div class="col mb-4"> + <div class="card text-center"> + <a href="{{$item.rel_path}}" title="{{$item.type}}" > + <div class="m-2"> + {{if $item.photo_icon}} + <img src="{{$item.photo_icon}}" class="card-img-top" alt="{{$item.photo_icon}}" style="height: 4rem; width: auto"> + {{else}} + <i class="fa fa-fw {{$item.icon_from_type}}" title="{{$item.type}}" style="font-size: 4rem"></i> + {{/if}} + </div> + <div class="card-footer text-truncate"> + <small class="text-muted">{{$item.name}}</small> + </div> + </a> + </div> </div> - <div class="cloud-title"> - <a href="{{$item.rel_path}}"> - {{$item.name}} - </a> - </div> - {{if $is_owner}} - {{* add file tools here *}} - {{/if}} + {{/foreach}} </div> - {{/foreach}} - <div class="clear"></div> {{else}} <table id="cloud-index"> <tr> |