From 315a06dbf27a8c3c13eb5cd0c5fa9d73463a99ff Mon Sep 17 00:00:00 2001
From: matt1432 <matt@nelim.org>
Date: Wed, 1 May 2024 10:21:28 -0400
Subject: [PATCH] fix(ags binto): add clipboard

---
 modules/ags/config/binto.ts                   |  2 +
 .../config/scss/binto-widgets/clipboard.scss  | 63 +++++++++++++++++++
 modules/ags/config/scss/binto.scss            |  1 +
 3 files changed, 66 insertions(+)
 create mode 100644 modules/ags/config/scss/binto-widgets/clipboard.scss

diff --git a/modules/ags/config/binto.ts b/modules/ags/config/binto.ts
index e66d6d3..8752ed9 100644
--- a/modules/ags/config/binto.ts
+++ b/modules/ags/config/binto.ts
@@ -4,6 +4,7 @@ import Pointers from './services/pointers.ts';
 
 import AppLauncher from './ts/applauncher/main.ts';
 import Bar from './ts/bar/binto.ts';
+import Clipboard from './ts/clipboard/main.ts';
 import { NotifPopups, NotifCenter } from './ts/notifications/binto.ts';
 import OSD from './ts/osd/main.ts';
 import Powermenu from './ts/powermenu.ts';
@@ -24,6 +25,7 @@ App.config({
 
     windows: () => [
         AppLauncher(),
+        Clipboard(),
         NotifCenter(),
         Powermenu(),
 
diff --git a/modules/ags/config/scss/binto-widgets/clipboard.scss b/modules/ags/config/scss/binto-widgets/clipboard.scss
new file mode 100644
index 0000000..ca66b9a
--- /dev/null
+++ b/modules/ags/config/scss/binto-widgets/clipboard.scss
@@ -0,0 +1,63 @@
+.clipboard {
+  all: unset;
+  border: 2px solid $contrast-bg;
+  background-color: $bg;
+  color: #f8f8f2;
+  padding: 2px;
+
+  * {
+    font-size: 16px;
+  }
+
+  list, row {
+    all: unset;
+  }
+
+  scrolledwindow {
+    padding: 10px;
+    padding-bottom: 0;
+    min-width: 900px;
+    min-height: 750px;
+
+    scrollbar, scrollbar * {
+      all: unset;
+    }
+
+    scrollbar.vertical {
+      transition: 200ms;
+      background-color: rgba(23, 23, 23, 0.3);
+      margin: 20px 0;
+
+      &:hover {
+        background-color: rgba(23, 23, 23, 0.7);
+
+        slider {
+          background-color: rgba(238, 238, 238, 0.7);
+          min-width: .6em;
+        }
+      }
+
+      slider {
+        background-color: rgba(238, 238, 238, 0.5);
+        border-radius: 9px;
+        min-width: .4em;
+        min-height: 2em;
+        transition: 200ms;
+      }
+    }
+  }
+
+  .item {
+    all: unset;
+    transition: 200ms;
+    border-radius: 9px;
+
+    box {
+      padding: 10px;
+    }
+  }
+
+  *:selected, .item:hover, .item:focus {
+    background-color: #363449;
+  }
+}
diff --git a/modules/ags/config/scss/binto.scss b/modules/ags/config/scss/binto.scss
index 034e6bb..1a67627 100644
--- a/modules/ags/config/scss/binto.scss
+++ b/modules/ags/config/scss/binto.scss
@@ -15,3 +15,4 @@ undershoot {
 @import './binto-widgets/notification-center';
 @import './binto-widgets/osd';
 @import './binto-widgets/powermenu';
+@import './binto-widgets/clipboard';