ReVanced/revanced-website
1
0
Fork 0
mirror of https://github.com/revanced/revanced-website.git synced 2025-04-29 22:24:31 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: sticky patches sidebar

Browse Source
This commit is contained in:
afn 2022-10-20 18:51:41 -04:00
parent f5a94c6cd7
commit 686ad0bb62
1 changed files with 14 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/routes/patches/+page.svelte
View File

@ -30,7 +30,7 @@
</script>
<section>
<div class="menu">
<aside class="menu">
{#if pkg_list}
<div in:fly="{{ y: 10, easing: quintOut, duration: 750 }}">
<h5>PACKAGES</h5>
@ -48,7 +48,7 @@
</div>
</div>
{/if}
</div>
</aside>
{#if patches}
<div class="patches-list patches-container">
@ -81,7 +81,8 @@
width: min(95%, 100rem);
display:grid;
grid-template-columns: 300px 3fr;
gap: 2.5rem;
gap: 1.5rem;
padding-bottom: 3rem;
}
h5 {
@ -94,22 +95,24 @@
display: flex;
flex-direction: column;
gap: 0.75rem;
padding-bottom: 3rem;
overflow-y: scroll;
height: calc(100vh - 4.25rem);
width:100%;
padding-top: 3rem;
padding-right: 1rem;
position: sticky;
z-index:1;
}
.menu {
height: calc(100vh - 10rem);
aside {
height: calc(100vh - 7.5rem);
width:100%;
margin-top: 3rem;
padding: 0px 15px 0px 15px;
padding: 0px 10px 30px 10px;
display: flex;
flex-direction: column;
gap: 1rem;
position: sticky;
top: 7.5rem;
overflow-y: scroll;
}
hr {