Ohjeet: screenshot-upload paste & drag-drop + kuva-lightbox

Screenshottien lisääminen ohjeisiin nyt helpompaa:
- Ctrl+V / Cmd+V: liitä kuvakaappaus suoraan leikepöydältä editoriin
- Drag & drop: raahaa kuvatiedostoja suoraan textarea-editoriin
- Upload-placeholder näkyy latauksen aikana (![Ladataan: ...]())
- Vihjeet editorin alla kertovat käytettävissä olevat tavat
- Kuva-lightbox: klikkaa kuvaa lukunäkymässä → avautuu isona
- Kuvien hover-efekti (zoom-in kursori, kevyt varjo)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-11 12:48:21 +02:00
parent 9cb2eeeb62
commit 42b815116b
3 changed files with 91 additions and 18 deletions

View File

@@ -1121,6 +1121,8 @@ span.empty {
.guide-content hr { border:none; border-top:2px solid #f0f2f5; margin:1.5rem 0; }
.guide-tb-btn { background:#f0f2f5; border:1px solid #ddd; padding:4px 10px; border-radius:5px; font-size:0.78rem; font-weight:600; cursor:pointer; color:#555; transition:all 0.15s; }
.guide-tb-btn:hover { background:var(--primary-color); color:#fff; border-color:var(--primary-color); }
.guide-img { max-width:100%; border-radius:8px; margin:0.75rem 0; cursor:zoom-in; transition:transform 0.15s, box-shadow 0.15s; border:1px solid #e8e8e8; }
.guide-img:hover { transform:scale(1.01); box-shadow:0 4px 16px rgba(0,0,0,0.12); }
/* Role badge */
.role-badge {