From d20b29d7cea0fcba5e423dcfb7bbb7d2c15959d6 Mon Sep 17 00:00:00 2001
From: HesterG <hestergong@gmail.com>
Date: Fri, 24 Feb 2023 22:29:49 +0800
Subject: [PATCH] Fix height for sticky head on large screen on PR page
 (#23111)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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">
---
 web_src/less/_repository.less | 12 ++----------
 1 file changed, 2 insertions(+), 10 deletions(-)

diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less
index 83e8e1f338..4862e30962 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;
     }