[no subject]

[Ludovic Courtès]

branch: main
commit e4b42065046b5d19d5c16647933326df476b0a79
Author: Ludovic Courtès <ludo@gnu.org>
AuthorDate: Fri May 31 09:51:20 2024 +0200

    css: Don’t display search hints on narrow viewpoints.
    
    * src/static/css/cuirass.css (#search:focus-within #search-hints): Wrap
    in @media.
---
 src/static/css/cuirass.css | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/static/css/cuirass.css b/src/static/css/cuirass.css
index 15fe9d5..be50fa7 100644
--- a/src/static/css/cuirass.css
+++ b/src/static/css/cuirass.css
@@ -23,6 +23,7 @@ body {
 #search input:focus {
     width: 500px;
 }
+
 #search #search-hints {
     display: none;
     position: absolute;
@@ -35,8 +36,12 @@ body {
     box-shadow: 3px 3px 10px #ddd;
     padding: 1em;
 }
-#search:focus-within #search-hints {
-    display: block;
+
+/* Display search hints on wide-enough viewports only.  */
+@media all and (min-width: 640px) {
+    #search:focus-within #search-hints {
+       display: block;
+    }
 }
 
 /* Remove the dropdown-toggle arrow. */