Help Button position adjustments throughout

As seen in admin console, Races/Tracking mobile version, and raceboard
This commit is contained in:
Heather Allard
2023-04-20 06:49:15 -04:00
committed by Allard
parent 6ef85ff3ad
commit 59f32e8eaf
4 changed files with 9 additions and 3 deletions
@@ -730,7 +730,6 @@ img.openColumn {
.RegattaAndRaceTime-Header .HelpButton {
position: absolute;
left: -25px;
top: 0px;
}
.compactHeader .RegattaAndRaceTime-Header>* {
@@ -1,8 +1,10 @@
@def SHADOW_COLOR #21a0e4;
.help-icon {
width: 23px;
width: 17px;
position: absolute;
height: auto;
margin: 3px;
box-shadow: 0 0 5px SHADOW_COLOR;
background-color: rgba(33, 160, 228, .4);
border-radius: 100%;
@@ -30,6 +30,7 @@ public class SailorProfileDTO implements Result, Serializable {
private ArrayList<BadgeDTO> badges = new ArrayList<>();
private ArrayList<BoatClassDTO> boatclasses = new ArrayList<>();
@Deprecated //Used for GWT serialization only.
protected SailorProfileDTO() {
}
@@ -18,12 +18,16 @@
.filter > input {
width: 100%;
}
.help {
position: absolute;
left: 138px;
}
</ui:style>
<g:HTMLPanel>
<div class="{res.mediaCss.columns}">
<div class="{res.mediaCss.small12} {style.pageTitle}">
<ui:text from="{i18n.racesAndTracking}" />
<h:HelpButton ui:field='HelpButton' description='Video Guide' url='https://support.sapsailing.com/hc/en-us/articles/7275243525148-Tracking-Race-Player-Overview' />
<h:HelpButton addStyleNames= "{style.help}" ui:field='HelpButton' description='Video Guide' url='https://support.sapsailing.com/hc/en-us/articles/7275243525148-Tracking-Race-Player-Overview' />
</div>
<sp:filter.RacesByCompetitorTextBoxFilter addStyleNames="{res.mediaCss.small12} {style.filter}" ui:field="competitorFilterUi" />
</div>