Tweak actions view sticky (#29781)

silverwind · web-flow · commit eb8c34fc367f · 2024-03-14T04:30:10.000Z
Add some space when the left side items are sticky due to scrolling the right side. <img width="419" alt="image" src="https://github.com/go-gitea/gitea/assets/115237/292e1b03-a071-4744-bb79-e50d109056c8">
diff --git a/web_src/js/components/RepoActionView.vue b/web_src/js/components/RepoActionView.vue
@@ -524,7 +524,7 @@ export function initRepositoryActionView() {
   width: 30%;
   max-width: 400px;
   position: sticky;
-  top: 0;
+  top: 12px;
   max-height: 100vh;
   overflow-y: auto;
 }

Original file line number	Diff line number	Diff line change
`@@ -524,7 +524,7 @@ export function initRepositoryActionView() {`
`524`	`524`	`width: 30%;`
`525`	`525`	`max-width: 400px;`
`526`	`526`	`position: sticky;`
`527`		`- top: 0;`
	`527`	`+ top: 12px;`
`528`	`528`	`max-height: 100vh;`
`529`	`529`	`overflow-y: auto;`
`530`	`530`	`}`