Skip to content

Commit 4d5b4a4

Browse files
HesterGyardenshoham
authored andcommitted
Fix height for sticky head on large screen on PR page (go-gitea#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">
1 parent 48eb5ac commit 4d5b4a4

1 file changed

Lines changed: 2 additions & 10 deletions

File tree

web_src/less/_repository.less

Lines changed: 2 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -3218,17 +3218,9 @@ td.blob-excerpt {
32183218
.ui.attached.header.diff-file-header {
32193219
&.sticky-2nd-row {
32203220
position: sticky;
3221-
top: 46px;
3221+
top: 77px;
32223222
z-index: 7;
3223-
3224-
@media @mediaMd {
3225-
top: 77px;
3226-
}
3227-
3228-
@media @mediaSm {
3229-
top: 77px;
3230-
}
3231-
3223+
32323224
@media (max-width: 480px) {
32333225
position: static;
32343226
}

0 commit comments

Comments
 (0)