add compatibility with Audioplayer
This commit is contained in:
parent
91195d0160
commit
ee5be2cf21
|
@ -33,7 +33,7 @@
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#side-menu.is-active {
|
#side-menu.open {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -71,7 +71,7 @@
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-menu-app a:hover, .side-menu-app.is-active a {
|
.side-menu-app a:hover, .side-menu-app.active a {
|
||||||
background: var(--side-menu-current-app-background-color, #444);
|
background: var(--side-menu-current-app-background-color, #444);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -25,7 +25,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">
|
||||||
<li v-for="app in apps" v-bind:class="{'side-menu-app': true, 'is-active': app.active}">
|
<li v-for="app in apps" v-bind:class="{'side-menu-app': true, 'active': app.active}">
|
||||||
<a v-bind:href="app.href">
|
<a v-bind:href="app.href">
|
||||||
<span class="side-menu-app-icon" v-html="app.icon"></span>
|
<span class="side-menu-app-icon" v-html="app.icon"></span>
|
||||||
|
|
||||||
|
|
|
@ -15,13 +15,16 @@
|
||||||
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
const sideMenuContainer = $('<div id="side-menu">')
|
const sideMenuContainer = $('<div id="side-menu-container">')
|
||||||
const sideMenuOpener = $('<button class="side-menu-opener"></button>')
|
const sideMenuOpener = $('<button class="side-menu-opener"></button>')
|
||||||
|
const sideMenu = $('<div id="side-menu">')
|
||||||
|
|
||||||
|
sideMenuContainer.append(sideMenu);
|
||||||
|
|
||||||
$('body').append(sideMenuContainer);
|
$('body').append(sideMenuContainer);
|
||||||
|
|
||||||
sideMenuOpener.insertBefore('#nextcloud');
|
sideMenuOpener.insertBefore('#nextcloud');
|
||||||
|
|
||||||
$('body').on('click', '.side-menu-opener', () => {
|
$('body').on('click', '.side-menu-opener', () => {
|
||||||
$('#side-menu').toggleClass('is-active');
|
$('#side-menu').toggleClass('open');
|
||||||
})
|
})
|
||||||
|
|
Loading…
Reference in a new issue