/* filter-box.css — กล่อง filter หน้าแรก + หน้าผลการค้นหา สีอ้างอิงจาก Homepage-Desktop.dc.html/Homepage-Mobile.dc.html (Version 83) */ /* 26 ก.ย. 69 (รอบ 13) — พี่บอสเจอว่ากล่อง filter กว้างไม่เต็ม container (มีขอบว่างซ้าย-ขวาโผล่มา) หลัง อัป v1.1.10 — เช็ค live เจอสาเหตุจริง: parent module ของธีม (.main-box-inside) เป็น display:flex เดิม .chsf-box เป็น flex item ตัวตรงที่มี width:100% ประกาศไว้ ซึ่งสำหรับ flex item ที่มี width ชัดเจนแบบนี้ browser จะใช้มันเป็น flex-basis เต็มความกว้าง parent ได้เลย — พอรอบ 12 ย้าย .chsf-box เข้าไปอยู่ใน .chsf-shell (แล้ว .chsf-shell กลายเป็น flex item ตัวตรงแทน) แต่ .chsf-shell เอง ไม่เคยประกาศ width ของตัวเองเลย พอเป็น flex item ที่ไม่มี width ชัดเจน (flex-basis:auto + ไม่มี width) มันจะหด (shrink-to-fit) ตามเนื้อหาข้างใน แทนที่จะเต็มความกว้าง parent เหมือนที่ .chsf-box เคยทำได้ — ยืนยันแล้วด้วยการลอง set width:100% ผ่าน devtools สดๆ บนเว็บจริง กลับมาเต็มความกว้าง ทันที (393px → 418px ตรงกับ parent เป๊ะ) — ใส่ width:100%+box-sizing ให้ .chsf-shell เหมือนที่ .chsf-box มีอยู่แล้ว กันปัญหานี้ */ /* 27 ก.ย. 69 (รอบ 39) — พี่บอสเจอ "ฟอนต์กลายเป็น system default font" — ตรวจ live เจอว่ามี 2 กลุ่มเบี้ยว: (1) .chsf-tab (แท็บ "กิจกรรมทั่วไป"/"ประกวดแข่งขัน") ได้ฟอนต์ธีม default (AnantasonWeb/Sukhumvit Set/ Tahoma) แทนที่จะเป็น Noto Sans Thai ทั้งที่ .chsf-tab เองมี `font-family:inherit` อยู่แล้ว — สาเหตุคือ ตั้งแต่รอบ 12 ที่ย้าย .chsf-tabs ออกมาเป็น "พี่น้อง" กับ .chsf-box (ไม่ได้ซ้อนข้างในอีกต่อไป) แต่ font-family:'Noto Sans Thai' ยังประกาศอยู่แค่ที่ .chsf-box เท่านั้น — .chsf-tabs เลย inherit จาก .chsf-shell (ไม่มีฟอนต์ประกาศ) ขึ้นไปจนถึง body/ธีม แทน ไม่ใช่จาก .chsf-box อีกต่อไป — แก้โดยย้าย/เพิ่ม ประกาศ font-family ไว้ที่ .chsf-shell เอง (บรรพบุรุษร่วมของทั้ง .chsf-tabs และ .chsf-box หลังรอบ 12) (2) .chsf-search-btn (ปุ่มไอคอนแว่นขยาย) กับ .chsf-toggle-detail (ปุ่ม "ค้นหาแบบละเอียด") ได้ฟอนต์ Arial ตรงๆ (system default จริง) ทั้งที่อยู่ใน .chsf-box ที่ตั้ง Noto Sans Thai ไว้แล้ว — สาเหตุ: ปุ่ม ทั้งสองไม่เคยประกาศ font-family ของตัวเองเลย และ