opendev/gerrit
Code Issues Proposed changes

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

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
gerrit-gwtui/src/main/java/com/google/gerrit/client/SearchPanel.java
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) {

19
gerrit-gwtui/src/main/java/com/google/gerrit/client/gerrit.css
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;