move tile styles to theme instead of template file

This commit is contained in:
zotlabs 2017-10-30 21:00:17 -07:00
parent 60da235efb
commit 16a2bfa95b
2 changed files with 30 additions and 7 deletions

View File

@ -1695,3 +1695,26 @@ dl.bb-dl > dd > li {
#permcat-index {
margin: 10px;
}
.cloud-container {
float: left;
width: 80px;
height: 80px;
margin: 5px;
}
.cloud-icon i {
font-size: 48px;
}
.cloud-icon img {
width: 48px;
height: 48px;
}
.cloud-title {
width: 78px;
height: 36px;
overflow: hidden;
}

View File

@ -2,27 +2,27 @@
{{if $tiles}}
{{if $parentpath}}
<div class="cloud-container" style="float: left; width: 80px; height: 80px; margin: 5px;">
<div class="cloud-container" >
<div class="cloud-icon"><a href="{{$parentpath.path}}">
<i class="fa fa-level-up" style="font-size: 48px;"></i>
<i class="fa fa-fw fa-level-up" ></i>
</a>
</div>
<div class="cloud-title" style="width: 78px; height: 36px; overflow: hidden;"><a href="{{$parentpath.path}}">..</a>
<div class="cloud-title"><a href="{{$parentpath.path}}">..</a>
</div>
</div>
{{/if}}
{{foreach $entries as $item}}
<div class="cloud-container" style="float: left; width: 80px; height: 80px; margin: 5px;">
<div class="cloud-container">
<div class="cloud-icon"><a href="{{$item.fullPath}}">
{{if $item.photo_icon}}
<img src="photo/{{$item.photo_icon}}" style="width: 48px; height: 48px;">
<img src="photo/{{$item.photo_icon}}" title="{{$item.type}}" >
{{else}}
<i class="fa {{$item.iconFromType}}" title="{{$item.type}}" style="font-size: 48px;"></i>
<i class="fa fa-fw {{$item.iconFromType}}" title="{{$item.type}}"></i>
{{/if}}
</a>
</div>
<div class="cloud-title" style="width: 78px; height: 36px; overflow: hidden;"><a href="{{$item.fullPath}}">
<div class="cloud-title"><a href="{{$item.fullPath}}">
{{$item.displayName}}
</a>
</div>