.side-nav to .sidenav

assets/index.js

@@ -308,7 +308,7 @@ $(document).ready(() => {
     $('.nav-panel-add-tag').toggle(100);
     $('.nav-panel-menu').addClass('hidden');
     if (window.innerWidth < mobileMaxWidth) {
-      $('.side-nav').sideNav('hide');
+      $('.sidenav').sideNav('hide');
     }
     $('#tag_label').focus();
     return false;

assets/js/shortcuts/entry.js

@@ -5,22 +5,22 @@ $(document).ready(() => {
   if ($('#article').length > 0) {
     /* open original article */
     Mousetrap.bind('o', () => {
-      $('ul.side-nav a.original i')[0].click();
+      $('ul.sidenav a.original i')[0].click();
     });
 
     /* mark as favorite */
     Mousetrap.bind('f', () => {
-      $('ul.side-nav a.favorite i')[0].click();
+      $('ul.sidenav a.favorite i')[0].click();
     });
 
     /* mark as read */
     Mousetrap.bind('a', () => {
-      $('ul.side-nav a.markasread i')[0].click();
+      $('ul.sidenav a.markasread i')[0].click();
     });
 
     /* delete */
     Mousetrap.bind('del', () => {
-      $('ul.side-nav a.delete i')[0].click();
+      $('ul.sidenav a.delete i')[0].click();
     });
   }
 });

assets/scss/_dark_theme.scss

@@ -12,9 +12,9 @@
   .collapsible-header,
   .collection,
   .dropdown-content,
-  .side-nav,
-  .side-nav .collapsible-body,
-  .side-nav.fixed .collapsible-body,
+  .sidenav,
+  .sidenav .collapsible-body,
+  .sidenav.fixed .collapsible-body,
   .tabs {
     background-color: #131716;
   }
@@ -61,8 +61,8 @@
   .dropdown-content li > a,
   .nav-panels .input-field input:focus,
   .results-item,
-  .side-nav li > a,
-  .side-nav li > a > i.material-icons {
+  .sidenav li > a,
+  .sidenav li > a > i.material-icons {
     color: #dfdfdf;
   }
 
@@ -81,14 +81,14 @@
     color: #dfdfdf !important;
   }
 
-  .side-nav li.active {
+  .sidenav li.active {
     background-color: #2f2f2f;
   }
 
   .mass-action-tags .mass-action-tags-input.mass-action-tags-input,
-  .side-nav li:not(.logo) > a:hover,
-  .side-nav .collapsible-header:hover,
-  .side-nav.fixed .collapsible-header:hover {
+  .sidenav li:not(.logo) > a:hover,
+  .sidenav .collapsible-header:hover,
+  .sidenav.fixed .collapsible-header:hover {
     background-color: #1d1d1d;
   }
 

assets/scss/_sidenav.scss

@@ -1,8 +1,8 @@
 /* ==========================================================================
-   Side-nav
+   Sidenav
    ========================================================================== */
 
-.side-nav {
+.sidenav {
   width: 240px;
 
   li {