Merge pull request #4343 from wallabag/enhance-material-nav

Enhanced navigation menu in material theme

2 files changed, 14 insertions, 0 deletions

diff --git a/app/Resources/static/themes/material/css/nav.scss b/app/Resources/static/themes/material/css/nav.scss
index b7288278..c84f7957 100644
--- a/app/Resources/static/themes/material/css/nav.scss
+++ b/app/Resources/static/themes/material/css/nav.scss
@@ -141,3 +141,15 @@ nav {
     display: none;
   }
 }
+
+.dropdown-content {
+  min-width: 300px;
+
+  .material-icons {
+    line-height: initial !important;
+  }
+
+  li > a {
+    padding: 10px;
+  }
+}
diff --git a/app/Resources/static/themes/material/index.js b/app/Resources/static/themes/material/index.js
index 1c28401d..d8f5628c 100755
--- a/app/Resources/static/themes/material/index.js
+++ b/app/Resources/static/themes/material/index.js
@@ -63,6 +63,8 @@ $(document).ready(() => {
     container: 'body',
   });
 
+  $('.dropdown-trigger').dropdown({ hover: false });
+
   initFilters();
   initExport();
   initRandom();