deblan/side_menu
deblan/side_menu
3
6
Fork 5
Code Issues 6 Pull requests 11 Projects Releases 119 Wiki Activity

update indentation

Browse source
This commit is contained in:
Simon Vieille 2022-10-16 19:01:46 +02:00
parent 8aa07efaf9
commit a647f05fa4
Signed by: deblan
GPG key ID: 579388D585F70417
2 changed files with 90 additions and 91 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/AppMenu.vue
View file

@ -22,7 +22,7 @@
<template> <template>
<nav class="app-menu show"> <nav class="app-menu show">
<ul class="app-menu-main" v-if="apps"> <ul class="app-menu-main" v-if="apps !== null">
<li v-for="app in mainAppList()" <li v-for="app in mainAppList()"
:key="app.id" :key="app.id"
:data-app-id="app.id" :data-app-id="app.id"
@ -40,7 +40,7 @@
</a> </a>
</li> </li>
</ul> </ul>
<NcActions class="app-menu-more" :aria-label="t('core', 'More apps')" v-if="apps"> <NcActions class="app-menu-more" :aria-label="t('core', 'More apps')" v-if="apps !== null">
<NcActionLink v-for="app in popoverAppList()" <NcActionLink v-for="app in popoverAppList()"
:key="app.id" :key="app.id"
:aria-label="appLabel(app)" :aria-label="appLabel(app)"
@ -77,12 +77,11 @@ export default {
}, },
mounted() { mounted() {
const ncApps = loadState('core', 'apps', {}) const ncApps = loadState('core', 'apps', {})
const that = this this.apps = {}
that.apps = {}
Array.from(window.topMenuApps).forEach((id) => { Array.from(window.topMenuApps).forEach((id) => {
if (ncApps.hasOwnProperty(id)) { if (ncApps.hasOwnProperty(id)) {
that.apps[id] = ncApps[id] this.apps[id] = ncApps[id]
} }
}) })

172
templates/css/stylesheet.php
View file

@ -1,116 +1,116 @@
:root { :root {
<?php foreach ($_['vars'] as $key => $value): ?> <?php foreach ($_['vars'] as $key => $value): ?>
<?php if ($key === 'opener'): ?> <?php if ($key === 'opener'): ?>
--side-menu-<?php echo $key ?>: url('<?php print_unescaped(image_path('side_menu', $value.'.svg')); ?>'); --side-menu-<?php echo $key ?>: url('<?php print_unescaped(image_path('side_menu', $value.'.svg')); ?>');
<?php else: ?> <?php else: ?>
--side-menu-<?php echo $key ?>: <?php echo $value ?>; --side-menu-<?php echo $key ?>: <?php echo $value ?>;
<?php endif; ?> <?php endif; ?>
<?php endforeach; ?> <?php endforeach; ?>
} }
<?php if (empty($_['top-menu-apps']) && empty($_['top-side-menu-apps'])): ?> <?php if (empty($_['top-menu-apps']) && empty($_['top-side-menu-apps'])): ?>
#appmenu { #appmenu {
display: none; display: none;
} }
#appmenu + nav { #appmenu + nav {
display: none; display: none;
} }
<?php else: ?> <?php else: ?>
.app-hidden { .app-hidden {
opacity: 0; opacity: 0;
} }
<?php endif; ?> <?php endif; ?>
<?php if ($_['opener-only']): ?> <?php if ($_['opener-only']): ?>
#nextcloud { #nextcloud {
display: none; display: none;
} }
<?php endif; ?> <?php endif; ?>
<?php if (!$_['display-logo']): ?> <?php if (!$_['display-logo']): ?>
.side-menu-logo { .side-menu-logo {
display: none; display: none;
}
.side-menu-header {
height: 50px;
}
.side-menu-apps-list {
height: calc(100vh - 49px);
top: 49px;
}
#side-menu.hide-opener .side-menu-header {
visibility: hidden;
}
<?php if ($_['size-text'] === 'hidden'): ?>
#side-menu, .side-menu-apps-list {
<?php if ($_['size-icon'] === 'big'): ?>
width: 55px;
<?php else: ?>
width: 52px;
<?php endif; ?>
} }
.side-menu-header { #side-menu .side-menu-opener {
height: 50px; <?php if ($_['size-icon'] === 'big'): ?>
margin-left: 1px;
<?php else: ?>
margin-left: 0px;
<?php endif; ?>
} }
<?php endif; ?>
.side-menu-apps-list {
height: calc(100vh - 49px);
top: 49px;
}
#side-menu.hide-opener .side-menu-header {
visibility: hidden;
}
<?php if ($_['size-text'] === 'hidden'): ?>
#side-menu, .side-menu-apps-list {
<?php if ($_['size-icon'] === 'big'): ?>
width: 55px;
<?php else: ?>
width: 52px;
<?php endif; ?>
}
#side-menu .side-menu-opener {
<?php if ($_['size-icon'] === 'big'): ?>
margin-left: 1px;
<?php else: ?>
margin-left: 0px;
<?php endif; ?>
}
<?php endif; ?>
<?php endif; ?> <?php endif; ?>
<?php if ($_['size-icon'] === 'hidden'): ?> <?php if ($_['size-icon'] === 'hidden'): ?>
.side-menu-app-icon { .side-menu-app-icon {
display: none; display: none;
} }
<?php elseif ($_['size-icon'] === 'small'): ?> <?php elseif ($_['size-icon'] === 'small'): ?>
.side-menu-app-icon svg { .side-menu-app-icon svg {
width: 15px; width: 15px;
height: 15px; height: 15px;
} }
img.side-menu-app-icon { img.side-menu-app-icon {
width: 15px; width: 15px;
height: 15px; height: 15px;
} }
<?php elseif ($_['size-icon'] === 'normal'): ?> <?php elseif ($_['size-icon'] === 'normal'): ?>
.side-menu-app-icon svg { .side-menu-app-icon svg {
width: 20px; width: 20px;
height: 20px; height: 20px;
} }
img.side-menu-app-icon { img.side-menu-app-icon {
width: 20px; width: 20px;
height: 20px; height: 20px;
} }
<?php elseif ($_['size-icon'] === 'big'): ?> <?php elseif ($_['size-icon'] === 'big'): ?>
.side-menu-app-icon svg { .side-menu-app-icon svg {
width: 23px; width: 23px;
height: 23px; height: 23px;
} }
img.side-menu-app-icon { img.side-menu-app-icon {
width: 23px; width: 23px;
height: 23px; height: 23px;
} }
<?php endif; ?> <?php endif; ?>
<?php if ($_['size-text'] === 'hidden'): ?> <?php if ($_['size-text'] === 'hidden'): ?>
.side-menu-app-text { .side-menu-app-text {
display: none; display: none;
} }
<?php elseif ($_['size-text'] === 'small'): ?> <?php elseif ($_['size-text'] === 'small'): ?>
.side-menu-app-text { .side-menu-app-text {
font-size: 12px; font-size: 12px;
} }
<?php elseif ($_['size-text'] === 'big'): ?> <?php elseif ($_['size-text'] === 'big'): ?>
.side-menu-app-text { .side-menu-app-text {
font-size: 16px; font-size: 16px;
} }
<?php endif; ?> <?php endif; ?>