diff options
| author | zotlabs <mike@macgirvin.com> | 2017-10-30 21:00:17 -0700 |
|---|---|---|
| committer | zotlabs <mike@macgirvin.com> | 2017-10-30 21:00:17 -0700 |
| commit | 16a2bfa95b5ba487825213239e759e23893cf7ab (patch) | |
| tree | 7b66a7121630f99ecd21a9dfd240fadbaecf39f3 | |
| parent | 60da235efb53b4e38c91489b500dac75facc4a9b (diff) | |
| download | volse-hubzilla-16a2bfa95b5ba487825213239e759e23893cf7ab.tar.gz volse-hubzilla-16a2bfa95b5ba487825213239e759e23893cf7ab.tar.bz2 volse-hubzilla-16a2bfa95b5ba487825213239e759e23893cf7ab.zip | |
move tile styles to theme instead of template file
| -rw-r--r-- | view/theme/redbasic/css/style.css | 23 | ||||
| -rw-r--r-- | view/tpl/cloud_directory.tpl | 14 |
2 files changed, 30 insertions, 7 deletions
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css index aea75df65..9f9ece7c3 100644 --- a/view/theme/redbasic/css/style.css +++ b/view/theme/redbasic/css/style.css @@ -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; +} + diff --git a/view/tpl/cloud_directory.tpl b/view/tpl/cloud_directory.tpl index 3beeb4f8a..40278661f 100644 --- a/view/tpl/cloud_directory.tpl +++ b/view/tpl/cloud_directory.tpl @@ -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> |