← Back Office

Table columns control In review

Back Office «Table columns control» — pill trigger düyməsi (36×36, radius-pill, #F2F4F7 → hover #E5E5EA → active #D1D1D6, table-columns icon #333) açılan panel (325px, r8, shadow 0 0 4px rgba(0,0,0,.1)) ilə: sürüklənə/işarələnə bilən sütun sıra siyahısı (drag handle 6-nöqtə #5F6774 · checkbox on dolu #2684FF / off outline #D1D1D6 · label 400/16px on #333 / off text-secondary, nowrap+ellipsis) və «Reset all changes» sətri (hamısı on olanda disabled #C4C4CC). HTML5 drag-drop ilə yenidən sıralama, checkbox toggle, reset. 8 default sütun (index 6 ən uzun label → padding-right:16px). Bütün dəyər/token/icon spec ilə birə-bir; yalnız design-system token-ləri.

In review a-table-columns variants 1:1 with table-columns-control-spec.md — pill trigger (36×36, radius-pill) → dropdown panel (325px, r8, shadow) with draggable + toggleable column rows (drag handle #5F6774 · checkbox on #2684FF / off #D1D1D6 · label 16px on #333 / off text-secondary) + «Reset all changes» row (disabled when all on). HTML5 drag reorder. Exact SVG icons. Design-system tokens only. Open →

Spec: spec.md · Folder: projects/back-office/pages/table-columns-control