Website: Update platform icons on query details page (#23491)

Changes:
- Updated position and spacing of platform icons on the query details
page to prevent style issues on multi-platform policies
This commit is contained in:
Eric 2024-11-04 11:46:39 -06:00 committed by GitHub
parent 9a0ab0b2af
commit 696ab33145
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 7 additions and 4 deletions

View file

@ -214,6 +214,7 @@
}
img {
height: 24px;
margin-right: 16px;
}
}
[purpose='edit-button'] {

View file

@ -53,10 +53,12 @@
<div purpose="right-sidebar" class="d-flex flex-column">
<div purpose="policy-platform">
<h4>Platform</h4>
<img src="/images/os-macos-dark-24x24@2x.png" alt="macOS" v-if="query.platform.includes('darwin')"/>
<img src="/images/os-windows-dark-24x24@2x.png" alt="Windows" v-if="query.platform.includes('windows')"/>
<img src="/images/os-linux-dark-24x24@2x.png" alt="Linux" v-if="query.platform.includes('linux')"/>
<img src="/images/os-chromeos-dark-24x24@2x.png" alt="ChromeOS" v-if="query.platform.includes('chrome')"/>
<div class="d-flex flex-row">
<img src="/images/os-macos-dark-24x24@2x.png" alt="macOS" v-if="query.platform.includes('darwin')"/>
<img src="/images/os-windows-dark-24x24@2x.png" alt="Windows" v-if="query.platform.includes('windows')"/>
<img src="/images/os-linux-dark-24x24@2x.png" alt="Linux" v-if="query.platform.includes('linux')"/>
<img src="/images/os-chromeos-dark-24x24@2x.png" alt="ChromeOS" v-if="query.platform.includes('chrome')"/>
</div>
</div>
<div purpose="social-share-buttons" class="d-flex flex-column order-lg-2 order-1">
<p><strong>Share</strong></p>