Adjusted RaceBoard.css to avoid overlapping of headers on small

screens/mobile devices
This commit is contained in:
Benjamin Barth committed 2015-11-23 15:58:31 +01:00
1 parent 6bf4db1a60
commit d2e22aa22c
2 files changed
+36 -1

No files matched your search

+34
View File
@@ -6,6 +6,13 @@
height: 0;
clear: both;
visibility: hidden;
RegattaRaceInformation-Header
RaceName-Label
RaceSeriesAndFleet-Label
RegattaAndRaceTime-Header???
RegattaName-Anchor
*/
@@ -664,6 +671,33 @@ img.openColumn {
margin-top: 5px;
}
@media (max-width: 600px) {
.RegattaRaceInformation-Header {
left: 110px;
}
.RegattaRaceInformation-Header .RaceName-Label {
display: block;
font-size: 16px;
padding: 2px 0;
}
.RegattaRaceInformation-Header .RaceSeriesAndFleet-Label {
display: block;
margin-top: 5px;
}
.RegattaAndRaceTime-Header {
top: 11px;
}
.RegattaAndRaceTime-Header .RegattaName-Anchor {
width: 115px;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
white-space: nowrap;
padding: 2px 0 2px 20px;
background-position: 4px -1px;
}
}
.VideoPopup-Close-Button {
border: none;
}
@@ -380,7 +380,7 @@ public class RaceBoardPanel extends SimplePanel implements RaceSelectionChangeLi
if (fleetForRaceName.equals(LeaderboardNameConstants.DEFAULT_FLEET_NAME)) {
fleetForRaceName = "";
} else {
fleetForRaceName = " - "+fleetForRaceName;
fleetForRaceName = (seriesName.isEmpty() ? "" : " - ") + fleetForRaceName;
}
final Label raceNameLabel = new Label(stringMessages.race() + " " + raceColumn.getRaceColumnName());
raceNameLabel.setStyleName("RaceName-Label");
@@ -390,6 +390,7 @@ public class RaceBoardPanel extends SimplePanel implements RaceSelectionChangeLi
raceInformationHeader.add(raceNameLabel);
raceInformationHeader.add(raceAdditionalInformationLabel);
final Anchor regattaNameAnchor = new Anchor(raceIdentifier.getRegattaName());
regattaNameAnchor.setTitle(raceIdentifier.getRegattaName());
if (eventId != null) {
// we don't use the EntryPointLinkFactory here, because of lacking support for Places
String debugParam = Window.Location.getParameter("gwt.codesvr");