Bug 4346: Consolidated several arrow images

java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/desktop/partials/updates/UpdatesBox.gss

@@ -44,11 +44,22 @@
   position: relative;
   color: #0a0a0a;
 }
-.updatesbox_itemlink {
-  background-image: resourceUrl("arrowRightGrey");
+.updatesbox_itemlink:before {
+  position: absolute;
+  content: "";
+  right: 0.8em;
+  /* @alternate */ top: 50%;
+  /* @alternate */ top: calc(50% - 1.3333334em / 2);
+  height: 1.3333334em;
+  width: 1.3333334em;
+  background-size: 100%;
+  background-position: center;
+  background-image: resourceUrl('arrowDownGrey');
   background-repeat: no-repeat;
-  background-size: 9px 16px;
-  background-position: 95% 50%;
+  -webkit-transform: rotate(270deg);
+     -moz-transform: rotate(270deg);
+      -ms-transform: rotate(270deg);
+          transform: rotate(270deg);
 }
 .updatesbox_itemlink:hover {
   text-decoration: none;

java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/mobile/partials/sectionHeader/SectionHeader.gss

@@ -73,13 +73,22 @@
   font-weight: 700;
   color: #008fcc;
 }
-img.sectionheader_item_arrow {
+.sectionheader_item_arrow {
   display: inline-block;
   vertical-align: middle;
   margin-left: 1em;
   height: 0.8em;
+  width: 0.8em;
+  background-size: 125%;
+  background-position: center;
+  background-image: resourceUrl('arrowDownGrey');
+  background-repeat: no-repeat;
+  -webkit-transform: rotate(270deg);
+     -moz-transform: rotate(270deg);
+      -ms-transform: rotate(270deg);
+          transform: rotate(270deg);
 }
-img.sectionheader_item_arrow.accordion {
+.sectionheader_item_arrow.accordion {
   -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
       -ms-transform: rotate(180deg);
@@ -88,7 +97,7 @@ img.sectionheader_item_arrow.accordion {
     -moz-transition: -moz-transform 0.4s;
          transition: transform 0.4s;
 }
-img.sectionheader_item_arrow.accordion.collapsed {
+.sectionheader_item_arrow.accordion.collapsed {
   -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
       -ms-transform: rotate(0deg);

java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/mobile/partials/sectionHeader/SectionHeaderContent.java

@@ -5,7 +5,6 @@ import com.google.gwt.dom.client.AnchorElement;
 import com.google.gwt.dom.client.DivElement;
 import com.google.gwt.dom.client.Element;
 import com.google.gwt.dom.client.HeadingElement;
-import com.google.gwt.dom.client.ImageElement;
 import com.google.gwt.dom.client.Style.Display;
 import com.google.gwt.uibinder.client.UiBinder;
 import com.google.gwt.uibinder.client.UiField;
@@ -20,7 +19,6 @@ import com.sap.sailing.gwt.home.shared.partials.bubble.Bubble;
 import com.sap.sailing.gwt.home.shared.partials.bubble.Bubble.Direction;
 import com.sap.sailing.gwt.home.shared.partials.bubble.BubbleContentBoatClass;
 import com.sap.sailing.gwt.home.shared.partials.filter.AbstractSelectionFilter;
-import com.sap.sailing.gwt.home.shared.resources.SharedHomeResources;
 import com.sap.sailing.gwt.home.shared.utils.CollapseAnimation;
 import com.sap.sailing.gwt.home.shared.utils.LabelTypeUtil;
 import com.sap.sse.gwt.client.LinkUtil;
@@ -43,7 +41,7 @@ public class SectionHeaderContent extends Composite {
     @UiField DivElement subtitleUi;
     @UiField DivElement headerRightUi;
     @UiField DivElement infoTextUi;
-    @UiField ImageElement actionArrowUi;
+    @UiField DivElement actionArrowUi;
     @UiField SimplePanel filterSelectContainerUi;
 
     public SectionHeaderContent() {
@@ -95,7 +93,6 @@ public class SectionHeaderContent extends Composite {
                 animation.animate(collapsed);
             }
         });
-        actionArrowUi.setSrc(SharedHomeResources.INSTANCE.arrowDownGrey().getSafeUri().asString());
         actionArrowUi.addClassName(SectionHeaderResources.INSTANCE.css().accordion());
         titleAndLabelContainerUi
                 .addClassName(SectionHeaderResources.INSTANCE.css().sectionheader_item_adjust_title_right());

java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/mobile/partials/sectionHeader/SectionHeaderContent.ui.xml

@@ -18,8 +18,7 @@
 			</div>
 			<div class="{local_res.css.sectionheader_item} {local_res.css.sectionheader_itemright}" style="display:none;" ui:field="headerRightUi">
 				<div class="{local_res.css.sectionheader_item_infotext}" style="display:none;" ui:field="infoTextUi"></div>
-				<img src="{shr.arrowRightGrey.getSafeUri}" alt="" class="{local_res.css.sectionheader_item_arrow}"
-					style="display:none;" ui:field="actionArrowUi"></img>
+				<div class="{local_res.css.sectionheader_item_arrow}" style="display:none;" ui:field="actionArrowUi"></div>
 				<g:SimplePanel ui:field="filterSelectContainerUi"></g:SimplePanel>
 			</div>
 		</a>

java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/mobile/partials/sectionHeader/SectionHeaderResources.java

@@ -1,12 +1,12 @@
 package com.sap.sailing.gwt.home.mobile.partials.sectionHeader;
 
 import com.google.gwt.core.client.GWT;
-import com.google.gwt.resources.client.ClientBundle;
 import com.google.gwt.resources.client.CssResource;
 import com.google.gwt.resources.client.DataResource;
 import com.google.gwt.resources.client.DataResource.MimeType;
+import com.sap.sailing.gwt.home.shared.resources.SharedHomeResources;
 
-public interface SectionHeaderResources extends ClientBundle {
+public interface SectionHeaderResources extends SharedHomeResources {
     public static final SectionHeaderResources INSTANCE = GWT.create(SectionHeaderResources.class);
 
     @Source("SectionHeader.gss")

java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/mobile/partials/updatesBox/UpdatesBox.gss

@@ -44,11 +44,22 @@
   position: relative;
   color: #0a0a0a;
 }
-.updatesbox_itemlink {
-  background-image: resourceUrl("arrowRightGrey");
+.updatesbox_itemlink:before {
+  position: absolute;
+  content: "";
+  right: 1em;
+  /* @alternate */ top: 50%;
+  /* @alternate */ top: calc(50% - 1.3333334em / 2);
+  height: 1.3333334em;
+  width: 1.3333334em;
+  background-size: 100%;
+  background-position: center;
+  background-image: resourceUrl('arrowDownGrey');
   background-repeat: no-repeat;
-  background-size: 9px 16px;
-  background-position: 95% 50%;
+  -webkit-transform: rotate(270deg);
+     -moz-transform: rotate(270deg);
+      -ms-transform: rotate(270deg);
+          transform: rotate(270deg);
 }
 .updatesbox_itemlink:hover {
   text-decoration: none;

java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/shared/resources/SharedHomeResources.java

@@ -27,9 +27,6 @@ public interface SharedHomeResources extends ClientBundle {
     @Source("arrow-down-grey.png")
     ImageResource arrowDownGrey();
     
-    @Source("arrow-grey-right.png")
-    ImageResource arrowRightGrey();
-    
     @Source("news-i.png")
     ImageResource news();