diff options
| author | HesterG | 2023-02-24 22:29:49 +0800 |
|---|---|---|
| committer | GitHub | 2023-02-24 14:29:49 +0000 |
| commit | d20b29d7cea0fcba5e423dcfb7bbb7d2c15959d6 (patch) | |
| tree | 755f812c592e06ca1f858d0963aa45dd7cdc2c9c /web_src | |
| parent | a8c4f8cebcc52a1c96fe481fc654598c4ef49fec (diff) | |
Fix height for sticky head on large screen on PR page (#23111)
Right now on the PR 'File Change' Tab, the file title header sticky to
the top on large screens has wrong height, resulting in wrong ui
behavior when scrolling down. This PR is to fix this.
Before:
<img width="964" alt="截屏2023-02-24 17 12 29"
src="https://user-images.githubusercontent.com/17645053/221140409-025c4a84-6bbe-4b5b-a13f-bd2b79063522.png">
After:
<img width="1430" alt="截屏2023-02-24 21 10 12"
src="https://user-images.githubusercontent.com/17645053/221186750-0344d652-4610-4a90-a4c0-7f6269f950d6.png">
Diffstat (limited to 'web_src')
| -rw-r--r-- | web_src/less/_repository.less | 12 |
1 files changed, 2 insertions, 10 deletions
diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less index 83e8e1f33..4862e3096 100644 --- a/web_src/less/_repository.less +++ b/web_src/less/_repository.less @@ -3269,17 +3269,9 @@ td.blob-excerpt { .ui.attached.header.diff-file-header { &.sticky-2nd-row { position: sticky; - top: 46px; + top: 77px; z-index: 7; - - @media @mediaMd { - top: 77px; - } - - @media @mediaSm { - top: 77px; - } - + @media (max-width: 480px) { position: static; } |