Popup @gemboss/ui larger than admin popup: 32 vs 28 button, × 44 vs 28
Issue: popups on GemFactory and all surfaces using ui-modal look larger and take up more space than GemBoss admin popup (Section Library, Polaris Modal). Chris noticed at https://factory.gemboss.ai/?view=header#chrome%2Fheader%2Fmega-products (04/10/2026). Measurements 04/10/2026, width 1280, mouse: - Button in popup 32px, admin 28px. - × button 44×44, admin 28 (Polaris) and 30 (Library). - Title 15px/620, admin 14px/650. - Header bar 61px (padding 16/20), Polaris 53px. - Overlay .6 with blur, admin .5 no blur. - GemFactory detail popup: header bar 76px, Library 65px; at 390px is 177px. Main cause in package: --ui-control-h 32 taken from Polaris input field instead of Button (28), and .ui-modal__close 44px for all pointer types. Secondary cause: GemFactory custom header bar .gf-ihead (title 16px, padding 14/20/14/24). Proposal to fix in package: - × button 28px; increase to 44 on touch or width ≤767px. - Button in popup height 28, text 12px. - Header bar padding 12/16, text 14/650; add subtitle and action fields. - Popup body padding 16, footer padding 12/16. - Overlay rgba(0,0,0,.5), no blur. - Add .ui-modal__body and .ui-modal__foot to ui.css: in admin these two classes have no CSS (AutopilotConfirmModal: padding 0, two buttons touching). Tested proposed CSS injection on prod: detail popup header bar 76→69 (390px: 177→153), Delete popup 435→423, button 77×32→66×28. Need to upgrade package after fix: GemFactory, gemwatcher, gemcommunity admin, content-radar, talent-radar, partner-radar, gempress and gemcare (copy 0.5.0), gemfeedback PR #13. Per-surface tasks: - GemFactory remove .gf-ihead custom CSS. - gemcommunity member section remove .modal-card, .rmodal, cm-card, switch to Dialog. - Browser confirm() calls (gemcommunity, content-radar, partner-radar, talent-radar) switch to gembossUI.confirm. Need Chris decision: reduce height of ALL ui-btn to 28 like Polaris Button, or only in popup?
Translated from Vietnamese automatically · Show original
Popup @gemboss/ui to hơn popup admin: nút 32 so với 28, nút × 44 so với 28
Vấn đề: popup trên GemFactory và mọi bề mặt dùng ui-modal trông to và tốn chỗ hơn popup admin GemBoss (Section Library, Polaris Modal). Chris thấy ở https://factory.gemboss.ai/?view=header#chrome%2Fheader%2Fmega-products (04/10/2026). Số đo 04/10/2026, khổ 1280, chuột: - Nút trong popup 32px, admin 28px. - Nút × 44×44, admin 28 (Polaris) và 30 (Library). - Tiêu đề 15px/620, admin 14px/650. - Thanh đầu 61px (đệm 16/20), Polaris 53px. - Nền phủ .6 có làm mờ, admin .5 không làm mờ. - Popup chi tiết GemFactory: thanh đầu 76px, Library 65px; ở 390px là 177px. Nguyên nhân chính nằm ở gói: --ui-control-h 32 lấy theo ô nhập của Polaris chứ không theo nút Button (28), và .ui-modal__close 44px ở mọi loại con trỏ. Nguyên nhân phụ: GemFactory tự viết thanh đầu .gf-ihead (tiêu đề 16px, đệm 14/20/14/24). Đề xuất sửa trong gói: - Nút × 28px; lên 44 khi chạm bằng ngón tay hoặc ở khổ ≤767px. - Nút trong popup cao 28, chữ 12px. - Thanh đầu đệm 12/16, chữ 14/650; thêm ô phụ đề và ô hành động. - Thân popup đệm 16, chân đệm 12/16. - Nền phủ rgba(0,0,0,.5), không làm mờ. - Đưa .ui-modal__body và .ui-modal__foot vào ui.css: trong admin hai lớp này đang không có CSS (AutopilotConfirmModal: đệm 0, hai nút sát nhau). Thử tiêm CSS đề xuất trên prod: thanh đầu popup chi tiết 76→69 (390px: 177→153), popup Delete 435→423, nút 77×32→66×28. Cần nâng gói sau khi sửa: GemFactory, gemwatcher, gemcommunity admin, content-radar, talent-radar, partner-radar, gempress và gemcare (bản chép 0.5.0), gemfeedback PR #13. Việc riêng từng bề mặt: - GemFactory bỏ CSS riêng của .gf-ihead. - gemcommunity phần thành viên bỏ .modal-card, .rmodal, cm-card, chuyển sang Dialog. - Các lần gọi confirm() của trình duyệt (gemcommunity, content-radar, partner-radar, talent-radar) chuyển sang gembossUI.confirm. Cần Chris quyết: hạ chiều cao của MỌI ui-btn xuống 28 như Polaris Button, hay chỉ hạ trong popup?