bug4312 Improved login info register button styling on mobile

This commit is contained in:
Benjamin Barth committed 2017-10-24 16:43:39 +02:00
1 parent 48bbdda8ad
commit 127eb568d1
2 files changed
+9 -14

No files matched your search

@@ -6,7 +6,6 @@ import com.google.gwt.uibinder.client.UiBinder;
import com.google.gwt.uibinder.client.UiField;
import com.google.gwt.user.client.DOM;
import com.google.gwt.user.client.Event;
import com.google.gwt.user.client.EventListener;
import com.google.gwt.user.client.ui.Composite;
import com.google.gwt.user.client.ui.Widget;
@@ -21,17 +20,12 @@ public class MoreLoginInformationMobile extends Composite {
}
@UiField
public Element register;
public Element registerControl;
public MoreLoginInformationMobile(Runnable onRegisterClick) {
initWidget(uiBinder.createAndBindUi(this));
DOM.sinkEvents(register, Event.ONCLICK);
Event.setEventListener(register, new EventListener() {
@Override
public void onBrowserEvent(Event event) {
onRegisterClick.run();
}
});
DOM.sinkEvents(registerControl, Event.ONCLICK);
Event.setEventListener(registerControl, event -> onRegisterClick.run());
}
}
@@ -12,13 +12,12 @@
font-size: 1.5em;
}
.register {
border-radius: .3846154em;
border-radius: .384615384615385em;
width: 100%;
text-align: center;
}
.buttonContainer {
padding: 1em 0.625em;
margin-top: 1em;
}
</ui:style>
<a:Accordion>
@@ -50,8 +49,10 @@
</a:item>
<a:footer>
<g:HTMLPanel addStyleNames="{style.buttonContainer}">
<a ui:field="register"
class="{style.register} {res.mainCss.button} {res.mainCss.buttonstrong} {res.mainCss.buttonarrowrightwhite}"><ui:text from="{i18nsec.signUp}"/></a>
<a ui:field="registerControl" class="{style.register} {res.mainCss.button} {res.mainCss.buttonstrong}
{res.mainCss.buttonarrowrightwhite}">
<ui:text from="{i18n.moreLoginInformationRegisterControlText}"/>
</a>
</g:HTMLPanel>
</a:footer>
</a:Accordion>