bterkuile/fizzy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust drag/drop styles

Browse Source
This commit is contained in:
Jason Zimdars
2025-06-12 10:51:06 -05:00
parent 0cb3648785
commit 503c870cdf
2 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/stylesheets/_global.css
+1
View File
@@ -160,6 +160,7 @@
--color-negative: oklch(var(--lch-red-dark));
--color-positive: oklch(var(--lch-green-dark));
--color-link: oklch(var(--lch-blue-dark));
--color-selected-light: oklch(var(--lch-blue-lightest));
--color-selected: oklch(var(--lch-blue-lighter));
--color-selected-dark: oklch(var(--lch-blue-light));
--color-highlight: oklch(var(--lch-yellow-lighter));
app/assets/stylesheets/drag_and_drop.css
+7 -5
View File
@@ -1,13 +1,15 @@
@layer components {
.drag-and-drop__dragged-item {
border: 2px solid #e0e7ff;
box-shadow: none;
filter: grayscale(1) brightness(0.95);
opacity: 0.7;
box-shadow: 0 4px 6px rgba(99, 102, 241, 0.15);
outline: 2px dashed var(--color-selected-dark);
}
.drag-and-drop__hover-container {
border: 2px dashed #818cf8;
background-color: #f5f3ff;
transition: all 0.2s ease;
background-color: var(--color-selected-light);
border-radius: 0.2em;
outline: 2px dashed var(--color-selected-dark);
transition: background-color 200ms;
}
}