9cb3928 Make file tree sticky — radicle-explorer

Radicle web interface

Make file tree sticky

Osama El Hariri committed 3 years ago

commit 9cb3928481f7579b88b7aba629e62b602fdd12ba
parent 8a4b5b2a4936dc50eb735c08861911e6b3c20b54

1 file changed +9 -1

modified src/base/projects/Browser.svelte

@@ -134,6 +134,11 @@

   nav {
     padding: 0 2rem;
   }
   .sticky {
     position: sticky;
     top: 2rem;
     max-height: 100vh;
   }
   @media (max-width: 960px) {
     .container {

@@ -164,6 +169,9 @@

     .column-left-visible {
       display: block;
     }
     .sticky {
       max-height: initial;
     }
   }
 </style>

@@ -183,7 +191,7 @@

   <div class="container center-content">
     {#if tree.entries.length > 0}
       <div class="column-left" class:column-left-visible={mobileFileTree}>
         <div class="source-tree">
         <div class="source-tree sticky">
           <Tree
             {tree}
             {path}