listelerindeki gibi. */
/* .sortcell'in "width: 1%" kuralı sadece | içinde (tablo düzeninde) doğru büzülüyor; kart görünümünde
(.cardsort) bu, kutuyu neredeyse sıfır genişliğe indirip içindeki 3 düğmenin (tutamaç+yukarı+aşağı)
sağa doğru kartın dışına taşmasına, bir sonraki kartın arkasında kaybolmasına yol açıyordu — width: auto
ile kutu içeriğine göre boyutlanıp "right" ile kartın gerçek sağ kenarına sabitleniyor. */
.cardsort { position: absolute; top: .6rem; right: .6rem; width: auto; }
.cardcheck { position: absolute; top: .6rem; left: .8rem; margin: 0; }
.card h3 { padding-right: 7rem; padding-left: 1.6rem; }
.sorttoast {
position: fixed; left: 50%; bottom: 1.2rem; transform: translateX(-50%); background: #16222c; color: #fff;
padding: .5rem .9rem; border-radius: 8px; font-size: .88rem; opacity: 0; pointer-events: none; transition: opacity .2s; z-index: 50;
}
.sorttoast.show { opacity: 1; }
.sorttoast.bad { background: #a12622; }
.grouprowform .sortcell { width: auto; }
/* ---------- Ayarlar alanı panellerinin sürükle-bırak sırası (v1.49.0, bkz. assets/panelorder.js) ----------
v1.58.1: Selim bildirdi — akordiyon oku (▾, h2'nin sağında) sürükle-bırak tutamacının (⠿▲▼) ALTINDA
kalıyordu, üstte olması istendi. panelorder.js tutamaç hücresini (.panelsort) DOM'da h2'DEN ÖNCE
(panelin ilk çocuğu olarak) ekliyor — eskiden bu da position:absolute ile panelin üst kenarına,
h2'nin tam ÜSTÜNE yerleştiriliyordu (h2 de kendi üstüne padding-top ile itiliyordu), bu yüzden h2'nin
sağındaki ok tutamaç satırının altında görünüyordu. Çözüm: panel artık dikey bir flex kapsayıcı,
.panelsort'u DOM sırasını değiştirmeden (panelorder.js'e dokunmadan) CSS `order` ile h2'DEN SONRA
görsel olarak ikinci satıra taşıyoruz — artık h2 (ve oku) üstte, tutamaç satırı onun altında. */
.panel.panel-sortable { position: relative; display: flex; flex-direction: column; }
.panel.panel-sortable > h2 { order: 1; }
.panel.panel-sortable > .panel-body { order: 3; }
.panel.panel-sortable > .panelsort {
position: static; order: 2; align-self: flex-end; width: auto; margin: .5rem 0 0;
}
.panel.panel-sortable.dragging { background: #fff8e0; }
/* ---------- Ayarlar alanı panellerinin akordiyonu (v1.57.0, bkz. assets/panelaccordion.js) ----------
Kullanıcı bildirdi: bazı Ayarlar sekmelerinde çok fazla panel üst üste durunca sayfa aşırı uzuyordu.
Script her panelin |