fix: Search focus and sidebar menu icons

README.md

@@ -81,7 +81,7 @@ gem "minima"
 on your `Gemfile` with
 
 ```gemspec
-gem "jekyll-ham", "~> 0.2.2"
+gem "jekyll-ham", "~> 0.2.3"
 ```
 
 Also don't forget to change the `theme` configuration on your `_config.yml` to `jekyll-ham` instead of `minima`.

_includes/navbar.html

@@ -1,6 +1,6 @@
 <nav class="navbar">
   <div class="navbar-content">
-    <button class="btn btn-action" type="button" onclick="halfmoon.toggleSidebar(); document.getElementById('search-input').focus()">
+    <button class="btn btn-action" type="button" onclick="halfmoon.toggleSidebar()">
       <i class="bi bi-list ham-menu-button-icon-open" aria-hidden="true"></i>
       <i class="bi bi-x-lg ham-menu-button-icon-close" aria-hidden="true"></i>
       <span class="sr-only">Toggle sidebar</span>
@@ -19,7 +19,7 @@
       <i class="bi bi-moon-stars" aria-hidden="true"></i>
       <span class="sr-only">Toggle Dark Mode</span>
     </button>
-    <a href="#search" class="btn btn-action btn-primary">
+    <a href="#search" class="btn btn-action btn-primary" onClick="document.getElementById('search-input').focus()">
       <i class="bi bi-search" aria-hidden="true"></i>
       <span class="sr-only">Search</span>
     </a>

assets/main.css

@@ -9,14 +9,14 @@ body {
 }
 
 /* Custom icon for panel open and close */ 
-.page-wrapper .ham-menu-button-icon-close {
+.page-wrapper .ham-menu-button-icon-open {
   display: none;
 }
 .page-wrapper[data-sidebar-hidden="hidden"] .ham-menu-button-icon-open {
-  display: none;
+  display: block;
 }
 .page-wrapper[data-sidebar-hidden="hidden"] .ham-menu-button-icon-close {
-  display: block;
+  display: none;
 }
 
 

jekyll-ham.gemspec

@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |spec|
   spec.name          = "jekyll-ham"
-  spec.version       = "0.2.2"
+  spec.version       = "0.2.3"
   spec.authors       = ["Reinhart Previano Koentjoro"]
   spec.email         = ["[email protected]"]