Radish alpha
r
radicle-desktop
rad:z4D5UCArafTzTQpDZNQRuqswh3ury
Radicle desktop app
Radicle
Git
Patches › 6250a184
Fix random small things
Open rudolfs opened 1 year ago
  • Fix header image in packaged build
  • Add elevation shadow to popover
  • Make list scroll under the header properly

check

👉 Workflow runs 👉 Branch on GitHub

Activity Changes +14 -5
5 files changed +14 -5 ccd4c280 → f5ce15a6
modified public/index.css
@@ -57,6 +57,14 @@ body {
}



:root {
+ 
  --elevation-low: 0 0 48px 0 #000000ee;
+ 
}
+
+ 
[data-theme="light"] {
+ 
  --elevation-low: 0 0 16px 0 #00000022;
+ 
}
+
+ 
:root {

  --1px-corner-fill: polygon(

    0 2px,

    2px 2px,
modified src/components/Popover.svelte
@@ -42,6 +42,7 @@
    position: relative;

  }

  .popover {
+ 
    box-shadow: var(--elevation-low);

    position: absolute;

    z-index: 10;

  }
modified src/lib/events.ts
@@ -5,7 +5,7 @@ import { writable } from "svelte/store";
let interval: ReturnType<typeof setInterval> | undefined = undefined;



type NodeState = "stopped" | "running";
- 
export let nodeState = writable<NodeState>("stopped");
+ 
export const nodeState = writable<NodeState>("stopped");



export function subscribeToNodeEvents() {

  void listen("event", event => {
modified src/views/Home.svelte
@@ -26,7 +26,7 @@
  }



  .hero-image {
- 
    background-image: url("aliens.png");
+ 
    background-image: url("/aliens.png");

    background-position: center;

    background-size: cover;

    height: 9.5rem;
modified src/views/repo/Layout.svelte
@@ -23,17 +23,17 @@


  .header {

    grid-column: 1 / 4;
- 
    margin-bottom: 1rem;
+ 
    border-bottom: 2px solid var(--color-background-default);

  }



  .sidebar {

    grid-column: 1 / 2;
- 
    margin-left: 1rem;
- 
    margin-right: 0.5rem;
+ 
    margin: 1rem 0.5rem 0 1rem;

    min-width: 14rem;

  }



  .content {
+ 
    padding-top: 1rem;

    grid-column: 2 / 3;

    overflow: scroll;

    overscroll-behavior: none;