Use silk icons

The silk icons [1] look a little more modern than the tango icons and
the set contains a bigger variation of icons.

The silk icons are available under the Creative Commons Attribution
3.0 License.

For some icons (arrowDown.png, arrowUp.png, arrowRight.png,
draftComments.png and queryIcon.png) the origin is unclear and hence
we should no longer use them.

The origin of deleteNormal.png and deleteHover.png is also unclear but
at the moment we don't have a good replacement for them.

The magnifying glass icon that was used as query icon is replaced by a
spy glasses icon. This is because the magnifying glass is associated
with zoom and not with find/query.

Some icons from the tango icon library [2] (goNext.png, goPrev.png,
goUp.png, listAdd.png) are still used because there is no suitable
replacement for them in the silk icons set.

Some unused icons have been removed.

In the source code the icons are now grouped by origin. This should
make it more obvious when icons of unknown origin are added.

[1] http://famfamfam.com/lab/icons/silk/
[2] http://tango.freedesktop.org/Tango_Icon_Library

Change-Id: I5e153647c60410115d06da1a706a0ec1ecdfcaed
Signed-off-by: Edwin Kempin <ekempin@google.com>
This commit is contained in:
Edwin Kempin 2015-12-23 13:50:29 +01:00
parent 12380e0a0d
commit 89773d89f9
54 changed files with 91 additions and 51 deletions

View File

@ -18,42 +18,75 @@ import com.google.gwt.resources.client.ClientBundle;
import com.google.gwt.resources.client.ImageResource;
public interface Resources extends ClientBundle {
@Source("addFileComment.png")
/**
* silk icons (CC-BY3.0): http://famfamfam.com/lab/icons/silk/
*/
@Source("note_add.png")
ImageResource addFileComment();
@Source("arrowDown.png")
// derived from resultset_next.png
@Source("resultset_down_gray.png")
ImageResource arrowDown();
@Source("arrowRight.png")
// derived from resultset_next.png
@Source("resultset_next_gray.png")
ImageResource arrowRight();
@Source("arrowUp.png")
// derived from resultset_next.png
@Source("resultset_up_gray.png")
ImageResource arrowUp();
@Source("deleteHover.png")
ImageResource deleteHover();
@Source("deleteNormal.png")
ImageResource deleteNormal();
@Source("diffy26.png")
ImageResource gerritAvatar26();
@Source("downloadIcon.png")
@Source("page_white_put.png")
ImageResource downloadIcon();
@Source("draftComments.png")
// derived from comment.png
@Source("comment_draft.png")
ImageResource draftComments();
@Source("editText.png")
@Source("page_edit.png")
ImageResource edit();
@Source("editUndo.png")
@Source("arrow_undo.png")
ImageResource editUndo();
@Source("gear.png")
@Source("cog.png")
ImageResource gear();
@Source("tick.png")
ImageResource greenCheck();
@Source("lightbulb.png")
ImageResource info();
@Source("find.png")
ImageResource queryIcon();
@Source("lock.png")
ImageResource readOnly();
@Source("cross.png")
ImageResource redNot();
@Source("disk.png")
ImageResource save();
@Source("star.png")
ImageResource starFilled();
// derived from star.png
@Source("star-open.png")
ImageResource starOpen();
@Source("exclamation.png")
ImageResource warning();
@Source("help.png")
ImageResource question();
/**
* tango icon library (public domain):
* http://tango.freedesktop.org/Tango_Icon_Library
*/
@Source("goNext.png")
ImageResource goNext();
@ -63,48 +96,25 @@ public interface Resources extends ClientBundle {
@Source("goUp.png")
ImageResource goUp();
@Source("greenCheck.png")
ImageResource greenCheck();
@Source("info.png")
ImageResource info();
@Source("listAdd.png")
ImageResource listAdd();
@Source("mediaFloppy.png")
ImageResource save();
// derived from important.png
@Source("merge.png")
ImageResource merge();
@Source("queryIcon.png")
ImageResource queryIcon();
@Source("readOnly.png")
ImageResource readOnly();
@Source("redNot.png")
ImageResource redNot();
/**
* contributed by the artist under Apache2.0
*/
@Source("sideBySideDiff.png")
ImageResource sideBySideDiff();
@Source("starFilled.png")
ImageResource starFilled();
@Source("starOpen.png")
ImageResource starOpen();
@Source("undoNormal.png")
ImageResource undoNormal();
@Source("unifiedDiff.png")
ImageResource unifiedDiff();
@Source("warning.png")
ImageResource warning();
@Source("question.png")
ImageResource question();
/**
* contributed by the artist under CC-BY3.0
*/
@Source("diffy26.png")
ImageResource gerritAvatar26();
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 642 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 631 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 512 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 382 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 655 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 313 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 334 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 620 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 659 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 244 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 409 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 810 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 701 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 659 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 246 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 653 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 208 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 786 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 863 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 782 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 749 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 561 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 641 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 807 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 523 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 316 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 932 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 440 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 221 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 282 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 398 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 277 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 488 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 670 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 299 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 278 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 537 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 504 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 717 B

View File

@ -26,6 +26,7 @@ gwt_module(
resources = glob(['src/main/java/**/*']),
deps = [
':freebie_application_icon_set',
':silk_icons',
'//gerrit-gwtui-common:diffy_logo',
'//gerrit-gwtui-common:client',
'//gerrit-gwtexpui:CSS',
@ -47,6 +48,14 @@ java_library(
],
)
java_library(
name = 'silk_icons',
deps = [
'//lib:LICENSE-silk_icons',
'//lib:LICENSE-CC-BY3.0',
],
)
java_test(
name = 'ui_tests',
srcs = glob(['src/test/java/**/*.java']),

View File

@ -160,6 +160,7 @@ public interface GerritCss extends CssResource {
String projectFilterLabel();
String projectFilterPanel();
String projectNameColumn();
String queryIcon();
String rebaseContentPanel();
String rebaseSuggestBox();
String registerScreenExplain();

View File

@ -24,12 +24,19 @@ public interface AdminResources extends ClientBundle {
@Source("admin.css")
AdminCss css();
/**
* unknown origin
* TODO replace icons
*/
@Source("deleteNormal.png")
ImageResource deleteNormal();
@Source("deleteHover.png")
ImageResource deleteHover();
@Source("undoNormal.png")
/**
* silk icons (CC-BY3.0): http://famfamfam.com/lab/icons/silk/
*/
@Source("arrow_undo.png")
ImageResource undoNormal();
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 631 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 504 B

View File

@ -25,6 +25,10 @@ interface Resources extends ClientBundle {
@Source("CommentBox.css") CommentBox.Style style();
@Source("Scrollbar.css") Scrollbar.Style scrollbarStyle();
/**
* tango icon library (public domain):
* http://tango.freedesktop.org/Tango_Icon_Library
*/
@Source("goPrev.png") ImageResource goPrev();
@Source("goNext.png") ImageResource goNext();
@Source("goUp.png") ImageResource goUp();

View File

@ -1306,6 +1306,12 @@ a:hover.downloadLink {
min-width: 300px;
}
.queryIcon {
position: relative;
top: 2px;
margin-right: 3px;
}
/** ProjectSettings */
.maxObjectSizeLimitEffectiveLabel {
padding-top: 5px;

View File

@ -27,6 +27,7 @@ public class ProjectSearchLink extends InlineHyperlink {
super(" ", PageLinks.toProjectDefaultDashboard(projectName));
setTitle(Util.C.projectListQueryLink());
final Image image = new Image(Gerrit.RESOURCES.queryIcon());
image.setStyleName(Gerrit.RESOURCES.css().queryIcon());
DOM.insertBefore(getElement(), image.getElement(),
DOM.getFirstChild(getElement()));
}

View File

@ -24,6 +24,7 @@ define_license(name = 'prologcafe')
define_license(name = 'promise-polyfill')
define_license(name = 'protobuf')
define_license(name = 'PublicDomain')
define_license(name = 'silk_icons')
define_license(name = 'slf4j')
define_license(name = 'xz')

1
lib/LICENSE-silk_icons Normal file
View File

@ -0,0 +1 @@
link:http://creativecommons.org/licenses/by/3.0/us/[CC-BY 3.0] (c) Mark James, link:http://famfamfam.com/lab/icons/silk/[SILK ICONS]