shinuwa/sokko-g
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update memo layout and library import examples
All checks were successful
Deploy Sokko G / deploy (push) Successful in 16s
Details

Browse source
This commit is contained in:
Shinuwa 2026-08-25 19:17:19 +02:00
parent 6125336338
commit 91d99d6ca4
6 changed files with 86 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

16
website/src/styles/toolboxes/_memos.scss
View file

@ -79,7 +79,7 @@
display: grid;
gap: var(--space-2);
min-height: 132px;
padding: var(--space-3) var(--space-3) var(--space-3) 52px;
padding: var(--space-3);
border: 1px solid color-mix(in srgb, var(--memo-color) 42%, transparent);
border-radius: var(--radius-md);
background:
@ -94,7 +94,8 @@
.memo-card textarea {
width: 100%;
min-height: 76px;
resize: vertical;
overflow: hidden;
resize: none;
border: 0;
background: transparent;
color: var(--color-text-primary);
@ -109,8 +110,8 @@
.memo-drag-handle {
position: absolute;
top: var(--space-3);
left: var(--space-3);
top: 8px;
right: 8px;
display: inline-grid;
width: 34px;
min-width: 34px;
@ -119,8 +120,15 @@
padding: 0;
color: var(--color-text-muted);
cursor: grab;
opacity: 0.72;
touch-action: none;
user-select: none;
z-index: 2;
}
.memo-card:hover .memo-drag-handle,
.memo-card:focus-within .memo-drag-handle {
opacity: 1;
}
.memo-drag-handle:active {