This is an automated email from the ASF dual-hosted git repository.
dockerzhang pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/inlong-website.git
The following commit(s) were added to refs/heads/master by this push:
new 3ed4abfa3a [INLONG-816] Download page binary download option
optimization (#817)
3ed4abfa3a is described below
commit 3ed4abfa3ab96e84c17b2034b75423cf2c94b23f
Author: Lizhen <[email protected]>
AuthorDate: Wed Jul 26 09:36:21 2023 +0800
[INLONG-816] Download page binary download option optimization (#817)
---
src/pages/downloads/download.module.less | 50 +++++++++++++++++++++++++++++++-
src/pages/downloads/index.js | 15 +++++++---
2 files changed, 60 insertions(+), 5 deletions(-)
diff --git a/src/pages/downloads/download.module.less
b/src/pages/downloads/download.module.less
index 5674b3a04f..3bc8a02e75 100644
--- a/src/pages/downloads/download.module.less
+++ b/src/pages/downloads/download.module.less
@@ -79,7 +79,7 @@
.dropdownItem {
margin: 0.2rem;
- padding: 0.2rem 1rem 0.2rem 1rem;
+ padding: 0.2rem 0.6rem 0.2rem 0.6rem;
border-radius: 5px;
cursor: pointer;
font-weight: 500;
@@ -94,6 +94,54 @@
}
}
+.connectorDropdownOne {
+ list-style-type: none;
+ top: 0px;
+ left: 0;
+ position: absolute;
+ margin-top: -0.36rem;
+ border-radius: 0.5rem;
+ z-index: 100;
+ transition-delay: 0.6s;
+}
+
+.connectorDropdownTwo {
+ list-style-type: none;
+ top: 0px;
+ left: 0;
+ position: absolute;
+ margin-top: 35px;
+ border-radius: 0.5rem;
+ z-index: 100;
+ float: left;
+ transition-delay: 0.6s;
+}
+
+.connectorDropdownItem {
+ margin: 0.2rem;
+ padding: 0.2rem 0.6rem 0.2rem 0.6rem;
+ border-radius: 5px;
+ cursor: pointer;
+ font-weight: 500;
+ display: block;
+ border: 1px solid #eee;
+ float: left;
+ color: inherit;
+ &:hover {
+ color: white;
+ background: var(--ifm-color-primary);
+ text-decoration: none;
+ }
+}
+
+.connectorSpan {
+ margin-top: 6px;
+ margin-right: 10px;
+ cursor: pointer;
+ font-weight: 500;
+ float: left;
+}
+
.versionInfo {
text-align: left;
font-size: 0.9rem;
diff --git a/src/pages/downloads/index.js b/src/pages/downloads/index.js
index da52329f84..773fd2bf09 100644
--- a/src/pages/downloads/index.js
+++ b/src/pages/downloads/index.js
@@ -79,10 +79,17 @@ export default function() {
</div>
<div className={styles.buttonRow}>
<div className={styles.buttonCard}>
- <div className={styles.styledDropdown}>
- <a className={styles.dropdownItem}
href={`https://downloads.apache.org/inlong/${version}/apache-inlong-${version}-sort-connectors.tar.gz`}>BIN</a>
- <a target="_blank"
className={styles.dropdownItem}
href={`https://downloads.apache.org/inlong/${version}/apache-inlong-${version}-sort-connectors.tar.gz.asc`}>ASC</a>
- <a target="_blank"
className={styles.dropdownItem}
href={`https://downloads.apache.org/inlong/${version}/apache-inlong-${version}-sort-connectors.tar.gz.sha512`}>SHA512</a>
+ <div
className={styles.connectorDropdownOne}>
+ <span
className={styles.connectorSpan}>v1.13:</span>
+ <a
className={styles.connectorDropdownItem}
href={`https://downloads.apache.org/inlong/${version}/apache-inlong-${version}-sort-connectors-flink-v1.13.tar.gz`}>BIN</a>
+ <a target="_blank"
className={styles.connectorDropdownItem}
href={`https://downloads.apache.org/inlong/${version}/apache-inlong-${version}-sort-connectors-flink-v1.13.tar.gz.asc`}>ASC</a>
+ <a target="_blank"
className={styles.connectorDropdownItem}
href={`https://downloads.apache.org/inlong/${version}/apache-inlong-${version}-sort-connectors-flink-v1.13.tar.gz.sha512`}>SHA512</a>
+ </div>
+ <div
className={styles.connectorDropdownTwo}>
+ <span
className={styles.connectorSpan}>v1.15:</span>
+ <a
className={styles.connectorDropdownItem}
href={`https://downloads.apache.org/inlong/${version}/apache-inlong-${version}-sort-connectors-flink-v1.15.tar.gz`}>BIN</a>
+ <a target="_blank"
className={styles.connectorDropdownItem}
href={`https://downloads.apache.org/inlong/${version}/apache-inlong-${version}-sort-connectors-flink-v1.15.tar.gz.asc`}>ASC</a>
+ <a target="_blank"
className={styles.connectorDropdownItem}
href={`https://downloads.apache.org/inlong/${version}/apache-inlong-${version}-sort-connectors-flink-v1.15.tar.gz.sha512`}>SHA512</a>
</div>
</div>
</div>
