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

add compatibility with Audioplayer

This commit is contained in:
Simon Vieille 2020-04-11 11:17:29 +02:00
parent 91195d0160
commit ee5be2cf21
Signed by: deblan
GPG Key ID: 03383D15A1D31745
3 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
css/sideMenu.css
View File

@ -33,7 +33,7 @@
display: none;
}
#side-menu.is-active {
#side-menu.open {
display: block;
}
@ -71,7 +71,7 @@
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);
}

2
src/SideMenu.vue
View File

@ -25,7 +25,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
</div>
<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">
<span class="side-menu-app-icon" v-html="app.icon"></span>

7
src/main.js
View File

@ -15,13 +15,16 @@
* 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 sideMenu = $('<div id="side-menu">')
sideMenuContainer.append(sideMenu);
$('body').append(sideMenuContainer);
sideMenuOpener.insertBefore('#nextcloud');
$('body').on('click', '.side-menu-opener', () => {
$('#side-menu').toggleClass('is-active');
$('#side-menu').toggleClass('open');
})