Add hover color to divider in screen list

2023-08-24 12:11:22 +01:00 · 2023-08-24 12:11:22 +01:00 · 409df71c12
parent 6a3e996abc
commit 409df71c12
1 changed files with 4 additions and 0 deletions
--- a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/ScreenList/index.svelte
+++ b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/ScreenList/index.svelte
@ -297,8 +297,12 @@
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
+    transition: background 130ms ease-out;
  }
  .divider:hover {
    cursor: row-resize;
  }
+  .divider:hover:after {
+    background: var(--spectrum-global-color-gray-300);
+  }
 </style>