Radish alpha
r
rad:z4D5UCArafTzTQpDZNQRuqswh3ury
Radicle desktop app
Radicle
Git
Customize layout of textarea scrollbar
Merged did:key:z6MkkfM3...sVz5 opened 10 months ago

Currently the overlayscrollbars package we use has no support for textareas https://github.com/KingSora/OverlayScrollbars/discussions/504

Once this lands we probably can revert this change and use overlayscrollbars as in the other places.

This change only changes the design of the scrollbar to not be bright white in dark mode, it does not hide the scrollbar after x amount of time.

1 file changed +14 -0 c8b08616 30710d51
modified src/components/Textarea.svelte
@@ -147,6 +147,20 @@
    color: var(--color-foreground-dim);
  }

+
  textarea::-webkit-scrollbar {
+
    width: 7px;
+
    height: 7px;
+
  }
+

+
  textarea::-webkit-scrollbar-track {
+
    background-color: transparent;
+
  }
+

+
  textarea::-webkit-scrollbar-thumb {
+
    background-color: var(--color-fill-ghost);
+
    border-radius: 4px;
+
  }
+

  .dragover {
    position: absolute;
    opacity: 0.5;