Merge branch 'enhancement/usability-update'

Application/js/bootstrap/info.js

@@ -9,8 +9,6 @@
 
 console.log(`Hey there, nice to meet you!
 
-If you're interested in checking out the full source code
-it's available at https://github.com/timetabio/code.
-
-We're currently in beta, so if you need a login, sign up at https://beta.timetab.io
+If you're interested in checking out some of our source code
+it's available at https://github.com/timetabio.
 `)

Application/js/elements/user-menu.js

@@ -9,6 +9,20 @@
 
 import { EventName } from '../dom/custom-events'
 
+/**
+ *
+ * @param {Element} element
+ * @param {string} attribute
+ * @param {string} value
+ */
+function toggleAttribute (element, attribute, value = '') {
+  if (element.hasAttribute(attribute)) {
+    element.removeAttribute(attribute)
+  } else {
+    element.setAttribute(attribute, value)
+  }
+}
+
 export class UserMenu extends HTMLElement {
   constructor () {
     super()
@@ -29,6 +43,7 @@ export class UserMenu extends HTMLElement {
 
   _onToggle () {
     this.classList.toggle('-open')
+    toggleAttribute(this._$nav, 'inert')
   }
 
   /**
@@ -43,4 +58,13 @@ export class UserMenu extends HTMLElement {
 
     this.classList.remove('-open')
   }
+
+  /**
+   *
+   * @returns {Element}
+   * @private
+   */
+  get _$nav () {
+    return this.querySelector('.nav')
+  }
 }