[Rt-commit] rt branch, 4.4/improve-self-service-goto-ticket-visuals, created. rt-4.4.2-38-g4b32a41

[Maureen Mirville]

The branch, 4.4/improve-self-service-goto-ticket-visuals has been created
        at  4b32a415dc238ce259fa695713fb2989bfca177b (commit)

- Log -----------------------------------------------------------------
commit 4b32a415dc238ce259fa695713fb2989bfca177b
Author: Maureen E. Mirville <maureen at bestpractical.com>
Date:   Tue Sep 12 12:27:31 2017 -0400

    Improve visuals of self service "Go to Ticket" box
    
    Updated the visuals of Self Service's "Go to Ticket" box and
    the "Search Articles" box to match RT's standard search display.
    
    Fixes: I#31794

diff --git a/share/html/SelfService/Elements/GotoTicket b/share/html/SelfService/Elements/GotoTicket
index 5641b12..1907889 100644
--- a/share/html/SelfService/Elements/GotoTicket
+++ b/share/html/SelfService/Elements/GotoTicket
@@ -46,5 +46,5 @@
 %#
 %# END BPS TAGGED BLOCK }}}
 <form action="<% RT->Config->Get('WebPath') %>/SelfService/Display.html" method="get" id="GotoTicket" name="GotoTicket">
-<input size="4" name="id" value="<&|/l&>Goto Ticket</&>..." onfocus="if (this.value=='<&|/l&>Goto Ticket</&>...') this.value=''"  />
+<input name="id" class="field" placeholder="<&|/l&>Go to Ticket</&>..." type="search"/>
 </form>
diff --git a/share/html/SelfService/Elements/SearchArticle b/share/html/SelfService/Elements/SearchArticle
index fd68569..ede8091 100644
--- a/share/html/SelfService/Elements/SearchArticle
+++ b/share/html/SelfService/Elements/SearchArticle
@@ -46,6 +46,6 @@
 %#
 %# END BPS TAGGED BLOCK }}}
 <form action="<% RT->Config->Get('WebPath') %>/SelfService/Article/Search.html" id="ArticleSearch">
-<input size="4" name="Articles_Content" value="<&|/l&>Search Articles</&>..." onfocus="if (this.value=='<&|/l&>Search Articles</&>...') this.value=''" />
+<input name="Articles_Content" class="field" placeholder="<&|/l&>Search Articles</&>..." type="search" />
 </form>
 
diff --git a/share/static/css/aileron/nav.css b/share/static/css/aileron/nav.css
index 0ab3b3a..f3f060a 100644
--- a/share/static/css/aileron/nav.css
+++ b/share/static/css/aileron/nav.css
@@ -111,12 +111,12 @@
  width: 16em;
 }
 
-#topactions #simple-search .field{
+#topactions #simple-search #GotoTicket #ArticleSearch .field{
  margin-left: 1em;
  color: #787;
  }
 
-#topactions #simple-search .field:focus {
+#topactions #simple-search #GotoTicket #ArticleSearch .field:focus {
  color: #000;
  }
 
diff --git a/share/static/css/ballard/nav.css b/share/static/css/ballard/nav.css
index e49dfab..3ce7551 100644
--- a/share/static/css/ballard/nav.css
+++ b/share/static/css/ballard/nav.css
@@ -136,12 +136,12 @@
  width: 16em;
 }
 
-#topactions #simple-search .field{
+#topactions #simple-search #GotoTicket #ArticleSearch .field{
  margin-left: 1em;
  color: #787;
  }
 
-#topactions #simple-search .field:focus {
+#topactions #simple-search #GotoTicket #ArticleSearch .field:focus {
  color: #000;
  }
 
diff --git a/share/static/css/rudder/nav.css b/share/static/css/rudder/nav.css
index d4058f1..408cb31 100644
--- a/share/static/css/rudder/nav.css
+++ b/share/static/css/rudder/nav.css
@@ -168,12 +168,12 @@
     padding-right: 0
 }
 
-#topactions #simple-search .field {
+#topactions #simple-search #GotoTicket #ArticleSearch .field {
     margin-left: 1em;
     color: #787;
 }
 
-#topactions #simple-search .field:focus {
+#topactions #simple-search #GotoTicket #ArticleSearch .field:focus {
     color: #000
 }
 
diff --git a/share/static/css/web2/nav.css b/share/static/css/web2/nav.css
index add4899..8666e51 100644
--- a/share/static/css/web2/nav.css
+++ b/share/static/css/web2/nav.css
@@ -232,12 +232,12 @@
 
 }
 
-#topactions #simple-search .field{
+#topactions #simple-search #GotoTicket #ArticleSearch .field{
  margin-left: 1em;
  color: #787;
  }
 
-#topactions #simple-search .field:focus {
+#topactions #simple-search #GotoTicket #ArticleSearch .field:focus {
  color: #000;
  }
 

-----------------------------------------------------------------------