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 { #permcat-index {
margin: 10px; 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 $tiles}}
{{if $parentpath}} {{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}}"> <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> </a>
</div> </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>
</div> </div>
{{/if}} {{/if}}
{{foreach $entries as $item}} {{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}}"> <div class="cloud-icon"><a href="{{$item.fullPath}}">
{{if $item.photo_icon}} {{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}} {{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}} {{/if}}
</a> </a>
</div> </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}} {{$item.displayName}}
</a> </a>
</div> </div>