Added shortcode in search input

getgrav · Jan 12, 2022 · 3a5264f · 3a5264f
1 parent 9f863f3
commit 3a5264f
Show file tree

Hide file tree

Showing 6 changed files with 40 additions and 6 deletions.
diff --git a/css-compiled/theme.css b/css-compiled/theme.css
diff --git a/css-compiled/theme.css.map b/css-compiled/theme.css.map
diff --git a/css-compiled/theme.min.css b/css-compiled/theme.min.css
diff --git a/scss/theme/_offcanvas.scss b/scss/theme/_offcanvas.scss
@@ -223,8 +223,9 @@
             span {
                 position: absolute;
                 right: 8px;
-                top: 2px;
-                cursor: pointer;
+                top: 50%;
+                font-size: 0.8rem;
+                transform: translateY(-50%);
             }
         }
 

diff --git a/templates/partials/base.html.twig b/templates/partials/base.html.twig
@@ -33,6 +33,7 @@
 {% endblock %}
 </head>
 <body id="top" class="{{ sidebar_color }} {% block body_classes %}{{ body_classes|trim }}{% endblock %}" data-url="{{ page.route }}">
+
     <div id="page-wrapper" class="off-canvas off-canvas-sidebar-show">
         <!-- off-screen toggle button -->
         <a class="off-canvas-toggle btn btn-primary btn-action" href="#sidebar-id">

diff --git a/templates/partials/sidebar.html.twig b/templates/partials/sidebar.html.twig
@@ -10,6 +10,7 @@
             >
                 <label for="search-by"><i class="fa fa-search"></i></label>
                 <input id="search-by" type="text" placeholder="{{ 'THEME_LEARN4_SEARCH_DOCUMENTATION'|t }}" readonly>
+                <span class="search-shortcode">⌘K</span>
             </div>
             <div class="search-options">
                 {% include 'partials/versions.html.twig' %}