diff options
| author | Julius Härtl <jus@bitgrid.net> | 2017-03-28 15:04:56 +0200 |
|---|---|---|
| committer | Julius Härtl <jus@bitgrid.net> | 2017-04-25 17:31:24 +0200 |
| commit | 7548825743bd2f7a65105b224c4eabe325c893b5 (patch) | |
| tree | 84276c2d62977bdfcd33646c21e9897e51a2fdeb /core/templates/layout.user.php | |
| parent | 8ef25a7628d44465d4777686227407f9a2067700 (diff) | |
| download | nextcloud-server-7548825743bd2f7a65105b224c4eabe325c893b5.tar.gz nextcloud-server-7548825743bd2f7a65105b224c4eabe325c893b5.zip | |
Responsive app menu
Signed-off-by: Julius Härtl <jus@bitgrid.net>
Diffstat (limited to 'core/templates/layout.user.php')
| -rw-r--r-- | core/templates/layout.user.php | 63 |
1 files changed, 30 insertions, 33 deletions
diff --git a/core/templates/layout.user.php b/core/templates/layout.user.php index 40e47c7e582..91b7eb3490b 100644 --- a/core/templates/layout.user.php +++ b/core/templates/layout.user.php @@ -60,54 +60,51 @@ <div class="icon-caret"></div> </a> - <div id="appmenu"> - <ul> - <?php foreach($_['headernavigation'] as $entry): ?> - <li data-id="<?php p($entry['id']); ?>"> - <a href="<?php print_unescaped($entry['href']); ?>" tabindex="3" - <?php if( $entry['active'] ): ?> class="active"<?php endif; ?>> - <img src="<?php print_unescaped($entry['icon'] . '?v=' . $_['versionHash']); ?>" class="app-icon" /> - <div class="icon-loading-dark" style="display:none;"></div> - <span> + <ul id="appmenu"> + <?php foreach ($_['navigation'] as $entry): ?> + <li data-id="<?php p($entry['id']); ?>" class="hidden"> + <a href="<?php print_unescaped($entry['href']); ?>" + tabindex="3" + <?php if ($entry['active']): ?> class="active"<?php endif; ?>> + <img src="<?php print_unescaped($entry['icon'] . '?v=' . $_['versionHash']); ?>" + class="app-icon"/> + <div class="icon-loading-small-dark" + style="display:none;"></div> + <span> <?php p($entry['name']); ?> </span> - </a> - </li> - <?php endforeach; ?> - <li id="more-apps" class="menutoggle<?php if (count($_['navigation']) <= 8): ?> hidden<?php endif; ?>"> - <a href="#"> - <div class="icon-more-white"></div> - <span><?php p($l->t('More apps')); ?></span> - </a> - </li> - </ul> - </div> + </a> + </li> + <?php endforeach; ?> + <li id="more-apps" class="menutoggle"> + <a href="#"> + <div class="icon-more-white"></div> + <span><?php p($l->t('More apps')); ?></span> + </a> + </li> + </ul> - <nav role="navigation"><div id="navigation"> + <nav role="navigation"> + <div id="navigation"> <div id="apps"> <ul> <?php foreach($_['navigation'] as $entry): ?> - <?php if($entry['showInHeader']): ?> - <li data-id="<?php p($entry['id']); ?>" class="in-header"> - <?php else: ?> - <li data-id="<?php p($entry['id']); ?>"> - <?php endif; ?> + <li data-id="<?php p($entry['id']); ?>"> <a href="<?php print_unescaped($entry['href']); ?>" tabindex="3" <?php if( $entry['active'] ): ?> class="active"<?php endif; ?>> - <svg width="32" height="32" viewBox="0 0 32 32"> + <svg width="16" height="16" viewBox="0 0 16 16"> <defs><filter id="invert-<?php p($entry['id']); ?>"><feColorMatrix in="SourceGraphic" type="matrix" values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0"></feColorMatrix></filter></defs> - <image x="0" y="0" width="32" height="32" preserveAspectRatio="xMinYMin meet" filter="url(#invert-<?php p($entry['id']); ?>)" xlink:href="<?php print_unescaped($entry['icon'] . '?v=' . $_['versionHash']); ?>" class="app-icon"></image> + <image x="0" y="0" width="16" height="16" preserveAspectRatio="xMinYMin meet" filter="url(#invert-<?php p($entry['id']); ?>)" xlink:href="<?php print_unescaped($entry['icon'] . '?v=' . $_['versionHash']); ?>" class="app-icon"></image> </svg> - <div class="icon-loading-dark" style="display:none;"></div> - <span> - <?php p($entry['name']); ?> - </span> + <div class="icon-loading-small-dark" style="display:none;"></div> + <span><?php p($entry['name']); ?></span> </a> </li> <?php endforeach; ?> </ul> </div> - </div></nav> + </div> + </nav> </div> |