Fixes some issues with the 4.4 release page (#1033)

- Fixes missing margins of the download content
- Add Play Store and Horizon Store releases
- Display all downloads when JavaScript is disabled
This commit is contained in:
Adam Scott
2025-03-06 16:09:44 +01:00
committed by GitHub
parent 7e6d6beb84
commit 8c3a18b062
6 changed files with 67 additions and 43 deletions

View File

@@ -1,6 +1,15 @@
---
---
#download-download {
.release-card-media {
.release-platform {
display: flex;
flex-direction: column;
align-items: center;
}
}
}
.comparison-range {
display: none !important;
}

View File

@@ -238,12 +238,13 @@ $donate-robot-size: 500px;
.release-card-media {
.release-platform {
display: none;
margin: 0 auto;
margin: var(--card-padding);
&.active {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--card-padding);
}
.release-button {
@@ -259,9 +260,9 @@ $donate-robot-size: 500px;
.download-button {
display: grid;
gap: var(--card-padding);
padding: 0;
grid-template-columns: 215px 1fr;
max-width: 290px;
grid-template-columns: auto 1fr;
text-align: center;
align-items: center;
text-decoration: none;
@@ -270,23 +271,33 @@ $donate-robot-size: 500px;
line-height: 32px;
.download-title {
display: flex;
flex-direction: row;
gap: var(--card-padding);
color: var(--primary-color-text-title);
font-size: 20px;
img {
display: inline-block;
filter: invert(1);
margin-right: 10px;
margin-left: var(--card-padding);
width: 22px;
vertical-align: text-bottom;
}
}
.download-hint {
display: flex;
flex-direction: column;
justify-content: center;
background-color: var(--primary-color-text-title);
color: var(--dark-color);
padding: 12px 16px;
font-weight: bold;
border-radius: 0 var(--button-border-radius)
var(--button-border-radius) 0;
height: 100%;
box-sizing: border-box;
}
}
@@ -294,9 +305,6 @@ $donate-robot-size: 500px;
background-color: rgba(111, 111, 111, 27%);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
grid-template-columns: 270px 1fr;
max-width: 350px;
margin-top: 20px;
}
}
}