fix top position of always opened menu #264
|
@ -239,14 +239,23 @@
|
||||||
left: 50px;
|
left: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.side-menu-always-displayed #header {
|
||||||
|
position: absolute !important;
|
||||||
|
}
|
||||||
|
|
||||||
.side-menu-always-displayed #side-menu {
|
.side-menu-always-displayed #side-menu {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-menu-always-displayed .side-menu-apps-list {
|
.side-menu-always-displayed .side-menu-apps-list {
|
||||||
|
height: 100vh;
|
||||||
|
top: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.side-menu-always-displayed .side-menu-apps-list--with-settings {
|
||||||
height: calc(100vh - 49px);
|
height: calc(100vh - 49px);
|
||||||
top: 49px;
|
top: 49px;
|
||||||
overflow: hidden;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-menu-always-displayed .side-menu-apps-list:hover {
|
.side-menu-always-displayed .side-menu-apps-list:hover {
|
||||||
|
|
|
@ -16,7 +16,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
<div id="side-menu">
|
<div id="side-menu">
|
||||||
<div class="side-menu-header">
|
<div class="side-menu-header" v-if="settings || !openerHover || (!avatar && !alwaysDisplayed && logo) || avatar">
|
||||||
<SettingsButton
|
<SettingsButton
|
||||||
v-if="settings"
|
v-if="settings"
|
||||||
v-bind:href="settings.href"
|
v-bind:href="settings.href"
|
||||||
|
@ -26,7 +26,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||||
<OpenerButton />
|
<OpenerButton />
|
||||||
|
|
||||||
<Logo
|
<Logo
|
||||||
v-if="!avatar && logo" v-bind:classes="{'side-menu-logo': true, 'avatardiv': false}"
|
v-if="!avatar && !alwaysDisplayed && logo" v-bind:classes="{'side-menu-logo': true, 'avatardiv': false}"
|
||||||
v-bind:image="logo"
|
v-bind:image="logo"
|
||||||
v-bind:link="logoLink"
|
v-bind:link="logoLink"
|
||||||
/>
|
/>
|
||||||
|
@ -38,7 +38,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<ul class="side-menu-apps-list">
|
<ul class="side-menu-apps-list" :class="{'side-menu-apps-list--with-settings': !!settings}">
|
||||||
<SideMenuApp
|
<SideMenuApp
|
||||||
v-for="(app, key) in apps"
|
v-for="(app, key) in apps"
|
||||||
v-if="!hiddenApps.includes(app.id)"
|
v-if="!hiddenApps.includes(app.id)"
|
||||||
|
@ -79,6 +79,8 @@ export default {
|
||||||
targetBlankApps: [],
|
targetBlankApps: [],
|
||||||
hiddenApps: [],
|
hiddenApps: [],
|
||||||
settings: null,
|
settings: null,
|
||||||
|
openerHover: false,
|
||||||
|
alwaysDisplayed: false,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
@ -136,6 +138,8 @@ export default {
|
||||||
this.logo = config['logo']
|
this.logo = config['logo']
|
||||||
this.logoLink = config['logo-link']
|
this.logoLink = config['logo-link']
|
||||||
this.settings = config['settings']
|
this.settings = config['settings']
|
||||||
|
this.openerHover = config['opener-hover']
|
||||||
|
this.alwaysDisplayed = config['always-displayed']
|
||||||
this.hiddenApps = config['big-menu-hidden-apps']
|
this.hiddenApps = config['big-menu-hidden-apps']
|
||||||
this.retrieveApps()
|
this.retrieveApps()
|
||||||
})
|
})
|
||||||
|
|
Loading…
Reference in a new issue