Radish alpha
r
rad:z371PVmDHdjJucejRoRYJcDEvD5pp
Radicle website including documentation and guides
Radicle
Git
Improve commit date display
Alexis Sellier committed 1 year ago
commit 74f4c06cc06058396ebd76b84b271d6b2f4f7638
parent 382645e
2 files changed +8 -6
modified _includes/latest-release.html
@@ -22,8 +22,8 @@
    width: 1rem;
    animation: spin 1s linear infinite;
  }
-
  #release-timestamp {
-
    color: var(--color-fg-low-contrast);
+
  #release-timestamp, #release-commit {
+
    color: var(--color-fg-dim);
  }

  @keyframes spin {
@@ -37,7 +37,8 @@
  <span class="release-loader"></span>
  <span>
    <a href="https://files.radicle.xyz/releases/latest" id="release-info"></a>
-
    <span class="desktop">&middot;</span>
+
    <span class="desktop dim">&middot; </span>
+
    <span id="release-commit" class="desktop"></span>
    <span id="release-timestamp" class="desktop"></span>
  </span>
</blockquote>
@@ -52,7 +53,8 @@
      const releaseInfo = document.getElementById("release-info");

      release.classList.remove("loading");
-
      releaseInfo.innerText = `Radicle ${version} (${commit})`;
-
      document.getElementById("release-timestamp").innerText = new Date(data.timestamp * 1000).toUTCString();
+
      releaseInfo.innerText = `Radicle ${version}`;
+
      document.getElementById("release-commit").innerText = commit;
+
      document.getElementById("release-timestamp").innerText = `(${new Date(data.timestamp * 1000).toUTCString()})`;
    });
</script>
modified assets/css/common.css
@@ -9,7 +9,7 @@
  --color-bg-default: #f5f5ff;
  --color-fg-contrast: #232563;
  --color-fg-low-contrast: #434583; /* TODO: tweak this */
-
  --color-fg-dim: #5a5aa1;
+
  --color-fg-dim: #5a5a7a;
  --color-fg-emphasized: #7070FF;
  --color-fg-match-background: #f5f5ff;
  --color-fill-secondary: #7070FF;