diff options
| author | zotlabs <mike@macgirvin.com> | 2017-11-20 16:05:24 -0800 |
|---|---|---|
| committer | zotlabs <mike@macgirvin.com> | 2017-11-20 16:05:24 -0800 |
| commit | 1810edae93565d5340e724b4411520ea18e2b7e0 (patch) | |
| tree | 4212d3ec60d7dc6241e84fe68891d4bc6f757c93 /view | |
| parent | 7f9ab491f29a71387bbbb066b9f6cea083d8813c (diff) | |
| download | volse-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.css | 15 | ||||
| -rw-r--r-- | view/tpl/cloud_directory.tpl | 4 |
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> |