Website: License dispenser styles patch (#11465)

Changes:
- Updated the quote form on the /customers/new-license page to stay the
same size when the billing information form is shown.
- Fixed the styles on the "log out" button on customer pages.
This commit is contained in:
Eric 2023-05-01 17:50:12 -05:00 committed by GitHub
parent 3fc78e0e3c
commit 285b2d4825
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 5 additions and 3 deletions

View file

@ -25,13 +25,15 @@
input[type='number'] {
-moz-appearance: textfield;
}
[purpose='quote-input'] {
max-width: 200px;
}
[purpose='cloud-error'] {
max-width: fit-content;
}
[purpose='customer-portal-form'] {
label {
font-weight: 400;
margin-bottom: 4px;

View file

@ -139,7 +139,7 @@
<img alt="Fleet logo" src="/images/logo-blue-118x41@2x.png"/>
</a>
<div purpose="header-nav">
<a href="/logout" class="justify-content-end px-3 py-2 text-decoration-none <%= _.has(me, 'id') ? 'd-flex' : 'd-none' %>" style="text-decoration: none; line-height: 23px;">Log out</a>
<a href="/logout" purpose="logout-btn" class="justify-content-end px-3 py-2 <%= _.has(me, 'id') ? 'd-flex' : 'd-none' %>" style="text-decoration: none; line-height: 23px;">Log out</a>
</div>
</div>
</div>

View file

@ -13,7 +13,7 @@
<label for="numberOfHosts">Total number of devices</label>
<input class="form-control" min="1" purpose="quote-input" id="numberOfHosts" type="number" :class="[formErrors.numberOfHosts ? 'is-invalid' : formErrors.numberOfHosts < 1 ]" focus-first v-model.trim="formData.numberOfHosts" v-if="!numberOfHostsQuoted">
<div class="invalid-feedback" v-if="formErrors.numberOfHosts">Please enter a number of hosts</div>
<span style="position: relative; cursor: text; padding: 6px 16px 8px 16px;" class="form-control" @click="clickResetForm()" v-if="numberOfHostsQuoted">{{formData.numberOfHosts}}<span style="position: absolute; cursor: pointer; bottom: 10px; right: 16px;" class="text-muted fa fa-times-circle pl-2"></span></span>
<span purpose="quote-input" style="position: relative; cursor: text; padding: 6px 16px 8px 16px;" class="form-control" @click="clickResetForm()" v-if="numberOfHostsQuoted">{{formData.numberOfHosts}}<span style="position: absolute; cursor: pointer; bottom: 10px; right: 16px;" class="text-muted fa fa-times-circle pl-2"></span></span>
</div>
<div style="color: #515774;" class="order-last text-left text-sm-right col-12 col-sm-6 pr-0 pl-sm-4 pl-0 pt-sm-4">