Website: small css fixes (#27427)

Closes: #27312

Changes:
- Updated the padding on text in the license dispenser form
- Updated the position of the platform icons on osquery table schema
pages
This commit is contained in:
Eric 2025-03-21 18:48:45 -05:00 committed by GitHub
parent 04a8339c14
commit 458283f06a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 10 additions and 4 deletions

View file

@ -303,7 +303,7 @@
height: 0px;
position: absolute;
right: 0;
top: 40px;
top: 14px;
}
pre {
width: 100%;
@ -475,6 +475,7 @@
width: 100%;
margin-bottom: 16px;
margin-top: 16px;
overflow: hidden;
p {
color: var(--text-text-brand, #192147);
margin-top: 0px;
@ -608,7 +609,7 @@
[purpose='schema-table'] {
padding-top: 16px;
[purpose='platform-logos'] {
top: 53px;
top: 32px;
}
[purpose='description-column'] {
word-break: break-word;
@ -645,6 +646,11 @@
margin-right: 0px;
border-bottom: 1px solid @core-vibrant-blue-15;
}
[purpose='schema-table'] {
[purpose='platform-logos'] {
top: 32px;
}
}
}
@media (max-width: 576px) {

View file

@ -28,7 +28,7 @@
<strong>Order summary</strong>
</div>
<div class="d-flex flex-row justify-content-between">
<p class="mb-0">Fleet Premium (self-hosted<span v-if="numberOfHostsQuoted > 299" > or managed cloud</span>)</p>
<p class="">Fleet Premium (self-hosted<span v-if="numberOfHostsQuoted > 299" > or managed cloud</span>)</p>
<div class="ml-auto text-right" v-if="numberOfHostsQuoted < 300">
<strong>${{(!showQuotedPrice || _.isNaN(formData.numberOfHosts * 7.00 * 12)) ? quotedPrice : formData.numberOfHosts * 7.00 * 12}}.00 <br purpose="order-form-line-break">/year</strong>
</div>

View file

@ -65,7 +65,7 @@
<% if(_.contains(tableToDisplay.platforms, 'linux')){%>
<img class="ml-3" style="height: 24px" src="/images/os-linux-dark-24x24@2x.png" alt="Linux logo">
<% }%>
<% if(_.contains(tableToDisplay.platforms, 'chromeos')){%>
<% if(_.contains(tableToDisplay.platforms, 'chrome')){%>
<img class="ml-3" style="height: 25px" src="/images/os-chromeos-dark-24x24@2x.png" alt="ChromeOS logo">
<%}%>
</div>