Skip to content

Commit

Permalink
Shimless: spacing for landing page navigation buttons
Browse files Browse the repository at this point in the history
https://screenshot.googleplex.com/9oerQRDr7fcTseF

Bug: 1198187
Test: local
Change-Id: Ia382b26edb1d59c2032d601c18aeba79987fac46
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3561746
Reviewed-by: Gavin Williams <gavinwill@chromium.org>
Commit-Queue: Anton Swifton <swifton@google.com>
Cr-Commit-Position: refs/heads/main@{#987321}
  • Loading branch information
Anton Swifton authored and Chromium LUCI CQ committed Mar 31, 2022
1 parent 96b6693 commit 73ad8b0
Showing 1 changed file with 25 additions and 14 deletions.
39 changes: 25 additions & 14 deletions ash/webui/shimless_rma/resources/onboarding_landing_page.html
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,15 @@
#nextButtonCaret {
margin-inline-start: 5px;
}

#navigationButtonWrapper {
bottom: var(--footer-height);
position: absolute;
}

#getStartedButton {
margin-inline-end: 8px;
}
</style>

<base-page>
Expand All @@ -33,20 +42,22 @@ <h1>[[i18n('welcomeTitleText')]]</h1>
</span>
</span>
</div>
<cr-button id="getStartedButton" class="action-button"
on-click="onGetStartedButtonClicked_"
disabled="[[isGetStartedButtonDisabled_(verificationInProgress_,
allButtonsDisabled)]]">
[[i18n('getStartedButtonLabel')]]
<span id="nextButtonCaret">&#62;</span>
</cr-button>
<cr-button id="landingCancel" class="pill"
on-click="onLandingCancelButtonClicked_"
disabled="[[allButtonsDisabled]]">
<span id="cancelButtonLabel">
[[i18n('cancelButtonLabel')]]
</span>
</cr-button>
<div id="navigationButtonWrapper">
<cr-button id="getStartedButton" class="action-button"
on-click="onGetStartedButtonClicked_"
disabled="[[isGetStartedButtonDisabled_(verificationInProgress_,
allButtonsDisabled)]]">
[[i18n('getStartedButtonLabel')]]
<span id="nextButtonCaret">&#62;</span>
</cr-button>
<cr-button id="landingCancel" class="pill"
on-click="onLandingCancelButtonClicked_"
disabled="[[allButtonsDisabled]]">
<span id="cancelButtonLabel">
[[i18n('cancelButtonLabel')]]
</span>
</cr-button>
</div>
</div>
<div slot="right-pane">
<div class="illustration-wrapper">
Expand Down

0 comments on commit 73ad8b0

Please sign in to comment.