morningman opened a new pull request, #4129:
URL: https://github.com/apache/doris-website/pull/4129

   ## What
   
   Two changes to the resolved-file row of the quick download card on 
`/download`:
   
   **1. One frame instead of three.** The block stacked a dashed outer box, 
Infima's inline-`code` box around the filename, and a row of underlined links, 
and the filename and the verification links were set in nearly the same size 
and weight. Now:
   
   - a single soft panel with a hairline border; the `<code>` chrome is reset 
so the filename no longer sits in a second box (the dashed border is gone — it 
read as a placeholder/drop zone)
   - the filename is the only strong element (ink, 15px/600)
   - `ASC` / `SHA-512` / `KEYS` drop to a small muted line with a faint 
underline that becomes the brand colour on hover; `How to verify` is a document 
rather than a sibling file, so a hairline separates it from the three
   
   **2. Copy link on the Download button.** The button is now a split button: 
`DOWNLOAD` on the left, a copy zone on the right that copies the tarball URL 
(`copy-to-clipboard`, the same dependency the all-release and tools forms use). 
On click the zone inverts to a check for 1.8 s, then resets; it also resets 
when the version / architecture / tarball selection changes. `aria-label` + 
`title`, plus an `aria-live` region for screen readers. On screens ≤960px the 
group stretches to full width.
   
   ## Files
   
   - `src/components/download-form-next/DownloadFormNext.tsx`
   - `src/components/download-form-next/download-page.scss`
   
   All colours go through the existing brand tokens, so the six brand themes 
are unaffected.
   
   ## Verified
   
   Dev server (`LANDING_ONLY=true yarn start`) in headless Chrome at 1440 / 820 
/ 390 px, in default, hover, copied and Source-tarball states. Clicking copy 
puts 
`https://apache-doris-releases.oss-accelerate.aliyuncs.com/apache-doris-4.1.4-bin-x64.tar.gz`
 on the clipboard and the copied state clears after the timeout. No new console 
errors.
   
   🤖 Generated with [Claude Code](https://claude.com/claude-code)
   
   https://claude.ai/code/session_01PEMMz8BeXq1CPNUuxmEaxj
   


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: [email protected]

For queries about this service, please contact Infrastructure at:
[email protected]


---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to