for shared links, use wide logo on desktop and icon on mobile

This commit is contained in:
Jan-Christoph Borchardt 2014-07-03 12:20:44 +02:00
parent b8ced7025e
commit e5f68bafb9
2 changed files with 9 additions and 1 deletions

View File

@ -13,7 +13,7 @@
<header><div id="header" class="<?php p((isset($_['folder']) ? 'share-folder' : 'share-file')) ?>">
<a href="<?php print_unescaped(link_to('', 'index.php')); ?>"
title="" id="owncloud">
<div class="logo-icon svg"></div>
<div class="logo-wide svg"></div>
</a>
<div id="logo-claim" style="display:none;"><?php p($theme->getLogoClaim()); ?></div>
<div class="header-right">

View File

@ -21,6 +21,14 @@
box-align: center;
}
/* on mobile, show logo-icon instead of logo-wide */
#header .logo-wide {
background-image: url(../img/logo-icon.svg);
background-repeat: no-repeat;
width: 62px;
height: 34px;
}
/* compress search box on mobile, expand when focused */
.searchbox input[type="search"] {
width: 15%;