aboutsummaryrefslogtreecommitdiffstats
path: root/view
diff options
context:
space:
mode:
authorzotlabs <mike@macgirvin.com>2017-11-20 16:05:24 -0800
committerzotlabs <mike@macgirvin.com>2017-11-20 16:05:24 -0800
commit1810edae93565d5340e724b4411520ea18e2b7e0 (patch)
tree4212d3ec60d7dc6241e84fe68891d4bc6f757c93 /view
parent7f9ab491f29a71387bbbb066b9f6cea083d8813c (diff)
downloadvolse-hubzilla-1810edae93565d5340e724b4411520ea18e2b7e0.tar.gz
volse-hubzilla-1810edae93565d5340e724b4411520ea18e2b7e0.tar.bz2
volse-hubzilla-1810edae93565d5340e724b4411520ea18e2b7e0.zip
more work theming the tile view
Diffstat (limited to 'view')
-rw-r--r--view/theme/redbasic/css/style.css15
-rw-r--r--view/tpl/cloud_directory.tpl4
2 files changed, 13 insertions, 6 deletions
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index b3cd9c9f8..82687db17 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -105,9 +105,6 @@ a,
color: $link_colour;
}
-.cloud-icon.tiles i {
- color: #aaa;
-}
a:hover,
a:focus,
@@ -1735,13 +1732,23 @@ dl.bb-dl > dd > li {
margin: 5px;
}
+.cloud-icon-container {
+ width: 48px;
+ height: 48px;
+ border: 1px solid #eee;
+ border-radius: $radius;
+}
+
.cloud-icon i {
- font-size: 48px;
+ font-size: 32px;
+ color: #aaa;
+ margin-top: 8px;
}
.cloud-icon img {
width: 48px;
height: 48px;
+ border-radius: $radius;
}
.cloud-title {
diff --git a/view/tpl/cloud_directory.tpl b/view/tpl/cloud_directory.tpl
index a9840a0b8..88b6bf563 100644
--- a/view/tpl/cloud_directory.tpl
+++ b/view/tpl/cloud_directory.tpl
@@ -4,7 +4,7 @@
{{if $parentpath}}
<div class="cloud-container" >
<div class="cloud-icon tiles"><a href="{{$parentpath.path}}">
- <i class="fa fa-fw fa-level-up" ></i>
+ <div class="cloud-icon-container"><i class="fa fa-fw fa-level-up" ></i></div>
</a>
</div>
<div class="cloud-title"><a href="{{$parentpath.path}}">..</a>
@@ -18,7 +18,7 @@
{{if $item.photo_icon}}
<img src="{{$item.photo_icon}}" title="{{$item.type}}" >
{{else}}
- <i class="fa fa-fw {{$item.iconFromType}}" title="{{$item.type}}"></i>
+ <div class="cloud-icon-container"><i class="fa fa-fw {{$item.iconFromType}}" title="{{$item.type}}"></i></div>
{{/if}}
</a>
</div>