webapps.search: adding a header to the search page

diff --git a/extra/webapps/help/help.factor b/extra/webapps/help/help.factor
index c0ab8abdcdb7c5d30d3216a18938668e40455b6d..177386fd147234c072c7998a39cd15ddf699005c 100644 (file)
--- a/extra/webapps/help/help.factor
+++ b/extra/webapps/help/help.factor
@@ -20,6 +20,7 @@ TUPLE: help-webapp < dispatcher ;
         { help-webapp "search" } >>template
         [
             "search" param [ unicode:blank? ] trim [
+                dup "search" set-value
                 f swap help-dir [
                     [ article-apropos ?links "articles" set-value ]
                     [ word-apropos ?links "words" set-value ]

diff --git a/extra/webapps/help/search.css b/extra/webapps/help/search.css
index e35bb0513e6acd80aed7dbeaa24de34544befadd..8857a1b70a72dbb77eaa3fe006626547983911dd 100644 (file)
--- a/extra/webapps/help/search.css
+++ b/extra/webapps/help/search.css
@@ -19,18 +19,15 @@
   color: #7f7f7f;
   text-align: center;
   border: 1px solid #ccc;
-  border-bottom: none;
 }
 
 .label:hover {
   background: #d8d8d8;
   border: 1px solid #ccc;
-  border-bottom: none;
 }
 
 .radiotab:checked + .label {
   border: 1px solid #ccc;
-  border-bottom: none;
   background: #f0f0f0;
   color: black;
 }
@@ -38,7 +35,6 @@
 .panel {
   display: none;
   width: 100%;
-  border-top: 1px solid #ccc;
 }
 
 .radiotab:checked + .label + .panel {
@@ -49,6 +45,7 @@
 
   .panel {
     order: 99;
+    border-top: 1px solid #ccc;
   }
 
   .label {
@@ -56,4 +53,12 @@
     border: 1px solid white;
     border-bottom: none;
   }
+
+  .label:hover {
+    border-bottom: none;
+  }
+
+  .radiotab:checked + .label {
+    border-bottom: none;
+  }
 }

diff --git a/extra/webapps/help/search.xml b/extra/webapps/help/search.xml
index 858bfbba63d981d0f3af6eabfa41b9209e48eb70..31de1f5d457e1b4120e9dabeb50c2a9644a8bf69 100644 (file)
--- a/extra/webapps/help/search.xml
+++ b/extra/webapps/help/search.xml
@@ -9,6 +9,8 @@
 
     <div class="page">
 
+    <p><b>Search results for '<t:label t:name="search" />'</b></p>
+
     <div class="tabs">
 
     <t:if t:value="words">