Adjusted look of search button to match rest of Gerrit's UI

The GWT gradient styled search box with thin border did not really
match the rest of the Gerrit UI/UX.

Updated to the current more modern look. Changed color to green, to
separate from the blue and gray change-screen buttons.

http://i.imgur.com/egyt9tw.png

Change-Id: I406f22ed1155d85756886a7a7fe6ff9b3f171dbb
This commit is contained in:
Gustaf Lundh 2015-03-06 17:26:29 +01:00
parent 0cf823a1c2
commit 0df911e6fa
2 changed files with 16 additions and 6 deletions

View File

@ -58,11 +58,12 @@ class SearchPanel extends Composite {
final SuggestBox suggestBox = new SuggestBox(
new RemoteSuggestOracle(new SearchSuggestOracle()),
searchBox, suggestionDisplay);
searchBox.setStyleName("gwt-TextBox");
searchBox.setStyleName("searchTextBox");
searchBox.setVisibleLength(70);
searchBox.setHintText(Gerrit.C.searchHint());
final Button searchButton = new Button(Gerrit.C.searchButton());
searchButton.setStyleName("searchButton");
searchButton.addClickHandler(new ClickHandler() {
@Override
public void onClick(ClickEvent event) {

View File

@ -297,13 +297,22 @@ a:hover {
white-space: nowrap;
display: inline;
}
.searchPanel .gwt-TextBox {
.searchPanel .searchTextBox {
font-size: 9pt;
margin: 5.286px 3px 0 0;
}
.searchPanel .gwt-Button {
font-size: 9pt;
margin-left: 2px;
padding: 3px 6px;
.searchPanel .searchButton {
text-align: center;
font-size: 8pt;
font-weight: bold;
cursor: pointer;
border: 2px solid;
color: #FFF;
border-color: rgba(0, 0, 0, 0.15);
height: 14px;
background-color: #20CA60;
-webkit-border-radius: 2px;
-webkit-box-sizing: content-box;
}
.suggestBoxPopup {
z-index: 200;