change search box ui

Author: svuillet

mobile-war/src/main/java/org/silverpeas/mobile/client/components/base/NavigationMenu.java

@@ -87,9 +87,6 @@ public class NavigationMenu extends Composite implements PageEventHandler {
   @UiField TextBox search;
   @UiField AvatarUpload avatar;
 
-  @UiField
-  AnchorElement searchButton;
-
   @UiField(provided = true) protected ApplicationMessages msg = null;
 
   @UiField UnorderedList listApplications;
@@ -128,8 +125,8 @@ public NavigationMenu() {
     iconUserCalendar.setInnerHTML(resources.usercalendar().getText());
     iconInbox.setInnerHTML(resources.inbox().getText());
     iconShareBox.setInnerHTML(resources.sharebox().getText());
-    searchButton.setInnerHTML(resources.search().getText());
     EventBus.getInstance().addHandler(AbstractPageEvent.TYPE, this);
+    search.getElement().setAttribute("placeholder", msg.search());
   }
 
   public void setPersonalApps(List<ApplicationInstanceDTO> applicationInstanceDTOS) {
@@ -206,11 +203,6 @@ protected void search(KeyDownEvent event) {
     }
   }
 
-  /*@UiHandler("searchButton")
-  protected void searchIos(ClickEvent event) {
-    SpMobil.search(search.getText());
-  }*/
-
   @UiHandler("home")
   protected void goHome(ClickEvent event) {
     goHome();

mobile-war/src/main/java/org/silverpeas/mobile/client/components/base/NavigationMenu.ui.xml

@@ -39,7 +39,6 @@
 
       <div id="menu-search">
         <g:TextBox ui:field="search" styleName="searchBox"/>
-        <a ui:field="searchButton" class="searchButton"></a>
       </div>
 
       <ul id="navmenu-panel">

mobile-war/src/main/java/org/silverpeas/mobile/client/resources/ApplicationMessages.java

@@ -78,7 +78,7 @@ public interface ApplicationMessages extends Messages {
   @DefaultMessage("Discussions")
   SafeHtml tchat();
 
-  @DefaultMessage("Go")
+  @DefaultMessage("Rechercher")
   String search();
 
   @DefaultMessage("Retour")

mobile-war/src/main/java/org/silverpeas/mobile/client/resources/ApplicationMessages_en.properties

@@ -42,7 +42,7 @@ ok=OK
 
 home=Home
 tchat=Messaging
-search=Go
+search=Search
 back=Back
 usercalendar= Calendar
 

mobile-war/src/main/java/org/silverpeas/mobile/client/resources/ApplicationMessages_fr.properties

@@ -43,7 +43,7 @@ ok=OK
 
 home=Accueil
 tchat=Discussions
-search=Go
+search=Rechercher
 usercalendar=Agenda
 
 back=Retour

mobile-war/src/main/java/org/silverpeas/mobile/public/spmobile.css

@@ -1909,25 +1909,21 @@ textarea.ui-input-text {
 .searchBox {
   border: 1px solid #d3d3d3;
   border-radius: 3px;
-  width:calc( 100% - 4em );
-  background-color: var(--white);
+  width:calc( 100% - 1em );
   color: #666;
   padding: 5px;
   outline-style: none;
   height: 1.5em;
-}
-
-.searchButton svg {
-  width: 2em;
-  height: 2em;
-  display: inline-block;
-  position: absolute;
+  background-color: var(--white);
 }
 
 #menu-search {
   background: #efefef;
   padding: 1em;
+  padding-left: 2em;
+  margin-left: 0.5em;
   border-top: 1px solid #d3d3d3;
+  background: 0px 1.5em url('icons/search.svg') no-repeat;
 }
 
 .bloc-actu-vignette, .bloc-actu-content {