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

Browse source
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; 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);
} }

2
src/SideMenu.vue
View file

@ -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>

7
src/main.js
View file

@ -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');
}) })