- शिप
- 19 अगस्त 2026 को 3:43 am बजे UTC
- लेखक
- Kamo
- Commit
- 646db37
Preview BANNER - इसके सीएसएस घटक के अंदर `<style jsx>` ब्लॉक में रहते थे। App Router styled-jsx में क्लाइंट घटकों के लिए सर्वर-रेंडर सीएसएस नहीं है, इसलिए एसएसआर एचटीएमएल ने बैनर मार्कअप भेज दिया (यह <body> में पहला तत्व है) बिना किसी स्टाइलशीट से मेल खाने वाले वर्ग के नामों के साथ, और <style> टैग केवल एक बार दिखाई दिए जे एस बंडल भाग गया। उत्पादन के खिलाफ पुष्टि की: शून्य इनलाइन <style> ब्लॉक एचटीएमएल सेवा की, और सीएसएस बंडल में कोई भी नियम नहीं। नियम Globals.css, जो <head> में एक रेंडर-ब्लॉकिंग स्टाइलशीट है, इसलिए वे लागू होते हैं पहले पेंट पर। बैनर स्थिति है:फिक्स्ड और इसकी ऊंचाई केवल प्रभाव से आरक्षित थी दस्तावेज़ लिखना.body.style.paddingTop, इसलिए सामग्री इसके नीचे तक बैठती है हाइड्रेशन और फिर कूद गया। 'body' { padding-top: var(-banner-h, 38px) इसे पहले पेंट से सुरक्षित रखता है; प्रभाव अभी भी परिवर्तनीय को ओवरराइट करता है मापा ऊंचाई, जो मायने रखता है कि प्रतिलिपि छोटी स्क्रीन पर लपेटती है। फीचर CARDS - पिछले फिक्स ने एक स्ट्रेच्ड :: बाद में z-index 1 पर इस्तेमाल किया, लेकिन इसके बाद Z-index 1 पर भी इसका उपयोग किया गया। कार्ड का <h3> और <p> कैरी `relative z-10`। उन्होंने ओवरले के ऊपर चित्रित किया और अधिकांश कार्ड में क्लिक को निगलना, इसलिए यह अभी भी हर जगह मृत हो गया था इससे संबंधित है। सामग्री के खिलाफ z-index के बजाय वैध रूप से होवर परतों के ऊपर बैठने की जरूरत है, एंकर अब पूरे कार्ड को लपेटता है। कि एक कार्ड के लिए सही semantics है जो पूरी तरह से नेविगेट करता है और इसे एक देता है दो के बजाय टैब स्टॉप; आंतरिक "अधिक जानें" सादे मार्कअप में बदल जाता है, क्योंकि एक लिंक के अंदर एक लिंक अवैध है।.