eclipse-sailing-analytics/sailing-analytics
1
0 Fork 0
mirror of https://github.com/eclipse-sailing-analytics/sailing-analytics.git synced 2026-10-25 05:23:51 +00:00
Code Activity

Adjusted layout of mobile regatta progress

Browse Source
This commit is contained in:
Benjamin Barth committed 2015-09-28 14:54:36 +02:00
1 parent 47185ef08d
commit ca5db520b9
3 files changed
+24 -18
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/mobile/partials/eventsteps/EventSteps.gss
+20 -13
View File
@@ -10,32 +10,38 @@
}
.eventsteps_phases_phase {
font-size: 1rem;
width: 50%;
width: 100%;
display: inline-block;
padding: 0 0.666666666666666em;
vertical-align: top;
}
.eventsteps_phases_phase:last-child {
margin-bottom: 0.333333333333333em
}
.eventsteps_phases_phaseinactive {
color: #999;
}
.eventsteps_phases_phase:nth-child(2n-1) {
padding-right: 0.333333333333333em;
}
.eventsteps_phases_phase:nth-child(2n) {
padding-left: 0.333333333333333em;
}
/* .eventsteps_phases_phase:nth-child(2n-1) { */
/* padding-right: 0.333333333333333em; */
/* } */
/* .eventsteps_phases_phase:nth-child(2n) { */
/* padding-left: 0.333333333333333em; */
/* } */
.eventsteps_phases_phase_name {
font-size: 0.866666666666667em;
font-weight: 600;
text-transform: uppercase;
text-align: center;
padding: .666666666666667em 0;
/* text-align: center; */
/* padding: .666666666666667em 0; */
display: inline;
vertical-align: middle;
}
.eventsteps_phases_phase_progressbar {
height: 1.266666666666667em;
width: 100%;
border: 1px solid #dedede;
padding: 1px;
margin-bottom: 0.333333333333333em;
}
.eventsteps_phases_phase_progressbar_fleet {
font-size: inherit;
@@ -45,17 +51,18 @@
}
.eventsteps_phases_phase_progress {
text-align: center;
margin: 0.666666666666667em 0;
margin-top: 0.666666666666667em;
margin-bottom: 0.333333333333333em;
}
img.eventsteps_phases_phase_progress_icon {
display: inline-block;
display: inline;
vertical-align: middle;
height: 1.133333333333333em;
width: 1.133333333333333em;
margin-right: 0.666666666666667em;
margin: 0 0.333333333333333em;
}
.eventsteps_phases_phase_progress_text {
font-size: 0.866666666666667em;
display: inline-block;
display: inline;
vertical-align: middle;
}
java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/mobile/partials/eventsteps/EventStepsPhase.java
+1 -2
View File
@@ -8,7 +8,6 @@ import java.util.Map.Entry;
import com.google.gwt.core.client.GWT;
import com.google.gwt.dom.client.DivElement;
import com.google.gwt.dom.client.ImageElement;
import com.google.gwt.dom.client.SpanElement;
import com.google.gwt.dom.client.Style.Display;
import com.google.gwt.uibinder.client.UiBinder;
import com.google.gwt.uibinder.client.UiField;
@@ -29,7 +28,7 @@ public class EventStepsPhase extends Composite {
@UiField DivElement nameUi;
@UiField ImageElement checkUi;
@UiField SpanElement progressUi;
@UiField DivElement progressUi;
@UiField DivElement fleetsContainerUi;
public EventStepsPhase(RegattaProgressSeriesDTO seriesProgress) {
java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/mobile/partials/eventsteps/EventStepsPhase.ui.xml
+3 -3
View File
@@ -5,11 +5,11 @@
<ui:with field="res" type="com.sap.sailing.gwt.home.mobile.resources.SharedResources" />
<ui:with field="local_res" type="com.sap.sailing.gwt.home.mobile.partials.eventsteps.EventStepsResources" />
<g:HTMLPanel addStyleNames="{local_res.css.eventsteps_phases_phase}">
<div class="{local_res.css.eventsteps_phases_phase_name}" ui:field="nameUi"></div>
<div class="{local_res.css.eventsteps_phases_phase_progressbar}" ui:field="fleetsContainerUi"></div>
<div class="{local_res.css.eventsteps_phases_phase_progress}">
<div class="{local_res.css.eventsteps_phases_phase_name}" ui:field="nameUi"></div>
<img src="images/home/icon-green-check.svg" class="{local_res.css.eventsteps_phases_phase_progress_icon}" ui:field="checkUi"></img>
<span class="{local_res.css.eventsteps_phases_phase_progress_text}" ui:field="progressUi"></span>
<div class="{local_res.css.eventsteps_phases_phase_progress_text}" ui:field="progressUi"></div>
</div>
<div class="{local_res.css.eventsteps_phases_phase_progressbar}" ui:field="fleetsContainerUi"></div>
</g:HTMLPanel>
</ui:UiBinder>