Radish alpha
r
rad:z4V1sjrXqjvFdnCUbxPFqd5p4DtH5
Radicle web interface
Radicle
Git
Make the sidebar narrower in non-experimental mode
Archived rudolfs opened 2 years ago
1 file changed +6 -5 b6e8bca1 0bafa1b6
modified src/views/projects/Sidebar.svelte
@@ -75,6 +75,8 @@
      localProject = "notFound";
    }
  });
+

+
  $: sidebarWidth = $experimental ? "22.5rem" : "16rem";
</script>

<style>
@@ -87,9 +89,6 @@
    transition: width 150ms ease-in-out;
    width: 4.5rem;
  }
-
  .sidebar.expanded {
-
    width: 22.5rem;
-
  }
  .project-navigation {
    display: flex;
    flex-direction: column;
@@ -183,7 +182,7 @@
  }
</style>

-
<div class="sidebar" class:expanded>
+
<div class="sidebar" style:width={expanded ? sidebarWidth : undefined}>
  <div class="project-navigation">
    <Link
      title="Source"
@@ -344,7 +343,9 @@
          <IconSmall name="chevron-left" />
        </div>
      </Button>
-
      <div style:width="1.5rem" />
+
      {#if $experimental}
+
        <div style:width="1.5rem" />
+
      {/if}
      <div class="horizontal-buttons" class:expanded>
        <Popover popoverPositionBottom="2.5rem" popoverPositionLeft="0">
          <Button