Resize final text after filter toggle
This commit is contained in:
@@ -2,7 +2,7 @@
|
||||
<!-- Sidebar Filters -->
|
||||
<aside class="w-full flex-shrink-0 transition-all duration-200" :class="filtersOpen ? 'xl:w-72' : 'xl:w-16'">
|
||||
<div class="card sticky top-6" :class="filtersOpen ? 'p-4' : 'p-2'">
|
||||
<button type="button" class="btn btn-ghost btn-icon w-10 h-10 mx-auto mb-0" @click="filtersOpen = !filtersOpen" :aria-expanded="filtersOpen.toString()" :title="filtersOpen ? 'Свернуть фильтры' : 'Развернуть фильтры'">
|
||||
<button type="button" class="btn btn-ghost btn-icon w-10 h-10 mx-auto mb-0" @click="filtersOpen = !filtersOpen; setTimeout(() => window.dispatchEvent(new Event('resize')), 250)" :aria-expanded="filtersOpen.toString()" :title="filtersOpen ? 'Свернуть фильтры' : 'Развернуть фильтры'">
|
||||
<i data-lucide="sliders-horizontal" class="w-5 h-5"></i>
|
||||
</button>
|
||||
<form id="filter-form" hx-get="/editor" hx-target="#content-area" hx-push-url="true" hx-trigger="submit">
|
||||
|
||||
@@ -125,7 +125,7 @@
|
||||
<label class="block text-xs font-bold text-app-textMuted mb-2 uppercase tracking-wider">Финальный текст</label>
|
||||
<textarea name="final_text"
|
||||
x-data="{ resize() { $el.style.height = 'auto'; $el.style.height = $el.scrollHeight + 'px' } }"
|
||||
x-init="$nextTick(() => resize())"
|
||||
x-init="$nextTick(() => resize()); window.addEventListener('resize', () => $nextTick(() => resize()))"
|
||||
@input="resize()"
|
||||
class="textarea w-full font-sans text-sm leading-relaxed resize-none overflow-hidden p-3 bg-app-bg border border-app-border min-h-48"
|
||||
placeholder="Напишите идеальный пост здесь...">{{ p.review_text.rstrip() }}</textarea>
|
||||
|
||||
Reference in New Issue
Block a user