Plots2: विभिन्न पेज चौड़ाई के लिए होम पेज पर इमेज बॉक्स में टेक्स्ट के सीएसएस को परिशोधित करें

@publiclab/सलाहकार यहां क्या करना चाहिए...

@oorjitchowdary मुझे लगता है कि यह उद्देश्य पर किया गया था क्योंकि परिचय पैराग्राफ लंबा है और उपयोगकर्ताओं को छोटी मोबाइल स्क्रीन पर पहली चीज नहीं

@oorjitchowdary मैं

हाँ, यह जानबूझकर किया गया था। हालांकि, अगर हम समस्या को फिर से बता सकते हैं, तो हम वास्तव में एक समाधान का उपयोग कर सकते हैं - पाठ समान रूप से स्केल नहीं करता है क्योंकि स्क्रीन की चौड़ाई बदलती है (इसे प्रदर्शित करने के लिए gif अपलोड करने का प्रयास करें!) मुझे आश्चर्य है कि अगर कुछ चालाक सीएसएस है तो हम छवि के आकार के साथ फ़ॉन्ट स्केल को समान रूप से बनाने के लिए उपयोग कर सकते हैं। या किसी भिन्न आकार के बॉक्स में अच्छी तरह से बहने वाले पाठ से निपटने का कोई अन्य तरीका। यह वास्तव में कुछ उपयोगी शोध हो सकता है ... वहाँ बहुत सारी शक्तिशाली सीएसएस तरकीबें हैं, और मुझे यकीन है कि किसी ने इससे निपटा है। अगर यह मददगार हो, तो हमें पूरी छवि न दिखाने में भी सहूलियत होगी।

@jywarren यह समान है? https://stackoverflow.com/a/16346076

बिल्कुल सही!!!!! महान डेमो भी:

गुरु दिसंबर 6, 2018 4:11 PM पर d1g1t4ld1n4 पर पर [email protected] लिखा है:

@jywarren https://github.com/jywarren क्या ऐसा ही है?
https://stackoverflow.com/a/16346076

-
आप इसे प्राप्त कर रहे हैं क्योंकि आपका उल्लेख किया गया था।
इस ईमेल का सीधे उत्तर दें, इसे GitHub पर देखें
https://github.com/publiclab/plots2/issues/4120#issuecomment-४४५०३०७८१ ,
या थ्रेड को म्यूट करें
https://github.com/notifications/unsubscribe-auth/AABfJ_5MOqK593jmKUsr4-n-YP9IrGulks5u2YfigaJpZM4ZCONp
.

@jywarren ठीक है, तो मुझे लगता है कि इसके हिस्से के रूप में: https://github.com/publiclab/plots2/issues/4062 यह पहला कदम होना चाहिए (शैली को बदलने के लिए एक परिचय की तरह) ताकि यदि आप एक कार्य कर सकें इसके लिए, मैं इसे तुरंत उठाऊंगा। धन्यवाद!

ठीक है, मैं इस मुद्दे के लिए एक कार्य बना रहा हूँ।

https://codein.withgoogle.com/dashboard/tasks/4615033783844864/

@SidharthBansal धन्यवाद! यदि आप कर सकते हैं तो मुझे इसे स्वीकृत करने की आवश्यकता है:
https://codein.withgoogle.com/dashboard/task-instances/4824240835526656/

मैं थोड़ा सतर्क हूं, आइए @jywarren के अनुमोदन का इंतजार करें

@SidharthBansal अच्छा लगता है!

बहुत बढ़िया!

और जागरूक रहें - यह कोड वर्तमान में डेटाबेस में संग्रहीत है, न कि कोडबेस में। तो यह साइट व्यवस्थापक द्वारा संपादन योग्य है। लेकिन इसका मतलब है कि इसका समाधान शायद पीआर के बजाय स्टाइलशीट और स्क्रीनशॉट होगा। साइट पर इसे चलाने वाला कोड यहां है:

https://gist.github.com/jywarren/b137484ae621dc00a4c48537fd00386b

मुझे लगता है कि इसका मतलब बनता है। यह थोड़ा अजीब है, लेकिन हम अक्सर छवियों या सामग्री पाठ को कोडबेस का हिस्सा नहीं मानते हैं, और हम सामने वाले पृष्ठ को संपादित करने में सक्षम होने के लचीलेपन को पसंद करते हैं जैसे कि यह एक ब्लॉग पोस्ट था, ताकि इसमें बदलाव किया जा सके।

सही बात?

स्थानीय रूप से आप व्यवस्थापक के रूप में लॉग इन करके काम कर सकते हैं, और https://localhost : 3000/features/... एक व्यवस्थापक-केवल सुविधा पर जा सकते हैं, और "होम-कैरोसेल" नामक एक नई सुविधा बना सकते हैं, जैसे:

फिर आप ऊपर दिए गए सार से कोड पेस्ट कर सकते हैं -- और यह परीक्षण के लिए आपके स्थानीय इंस्टॉलेशन के होम पेज पर दिखाई देगा।

@jywarren ठीक है इसलिए मैंने ऊपर दिए गए सभी चरणों को

<div><img alt="fanboat" src="../dinaelhanan/app/assets/images/1.jpeg" /></div>

मैंने Cloud9 पर एक फ़ाइल अपलोड की है ताकि मैं छवियों के केवल वैकल्पिक पाठ के बजाय कम से कम हिंडोला देख सकूं। मैंने यह फ़ाइल पथ किया है क्योंकि यह मेरी छवि का फ़ाइल पथ है:

यह काम नहीं कर रहा है... मैंने इसे आपके सार में स्टाइल टैग के अंत में यह देखने के लिए जोड़ा है कि क्या मेरी vw css ट्रिक काम करेगी:

h1.lead-text
{
   font-size: 3vw;
}

हालाँकि मैं अभी भी छवि का ऑल्ट कोड देख रहा हूँ... @SidharthBansal @sagarpreet-chadha शायद आप भी मदद कर सकते हैं? @ValentinaTironi शायद आप भी मदद कर सकते हैं :)

क्या आपको अपने ब्राउज़र कंसोल या रेल कंसोल में कोई त्रुटि मिल रही है?

कोई त्रुटि नहीं है यह सिर्फ इतना है कि मुझे @JonathanXu1 दिखाने के लिए हिंडोला नहीं मिल रहा है

हम्म मैंने पहले हिंडोला का उपयोग नहीं किया है, मैं इसे देख लूंगा

@JonathanXu1 ठीक है, धन्यवाद!

@JonathanXu1 @SidharthBansal मुझे एहसास हुआ कि यह काम क्यों नहीं करता है! जैसे जेफ ने कहा, कोड डेटाबेस में है, कोडबेस नहीं है, इसलिए यह दिखाई नहीं देगा और मुझे पीआर बनाने की ज़रूरत नहीं है, मुझे बस वीडब्ल्यू का उपयोग करने का सुझाव देना था ताकि टेक्स्ट का आकार गतिशील हो। मैंने इस कार्य का दावा किया है मुझे बस यह पता लगाने की आवश्यकता है कि स्क्रीन शॉट कैसे प्राप्त करें... धन्यवाद!

और जागरूक रहें - यह कोड वर्तमान में डेटाबेस में संग्रहीत है, न कि कोडबेस में। तो यह साइट व्यवस्थापक द्वारा संपादन योग्य है। लेकिन इसका मतलब है कि इसका समाधान शायद पीआर के बजाय स्टाइलशीट और स्क्रीनशॉट होगा। साइट पर इसे चलाने वाला कोड यहां है:

https://codein.withgoogle.com/dashboard/task-instances/5245453814726656/

ओह मैं समझा! आप डेटाबेस तक कहाँ पहुँच सकते हैं, और आप इसका पूर्वावलोकन कैसे कर सकते हैं?

@ जोनाथनएक्सयू 1 आप डेटाबेस तक नहीं पहुंच सकते हैं, लेकिन आप इसका पूर्वावलोकन कर सकते हैं:
https://github.com/publiclab/plots2/issues/4120#issuecomment -445054975

मैंने हिंडोला बनाया है जैसे https://github.com/publiclab/plots2/issues/4120#issuecomment -445054593, लेकिन डैशबोर्ड पेज पर फ्रंटएंड में कोई बदलाव नहीं हुआ है। क्या मेरी तलाश गलत स्थान पर हो रही है?

संपादित करें:
मुझे आपके जैसे चित्र दिखाई दे रहे हैं:

@JonathanXu1 हां..:/

शायद छवि के स्रोत को जोड़ने का एक तरीका है, जैसे हम जीथब में कैसे करते हैं? या आपने स्थानीय रूप से होस्ट किए गए स्रोत के बजाय किसी वेब url को लिंक करने का प्रयास किया है?

@ जोनाथन एक्सयू 1 अच्छा विचार है कि मैं एक यूआरएल से जोड़ने की कोशिश करूंगा

@ जोनाथनएक्सयू 1 हां मैंने कोशिश की है, काम नहीं कर रहा है। मान लीजिए मुझे इंतजार करना होगा और देखना होगा कि जेफ मदद कर सकता है या नहीं :)

@oorjitchowdary कृपया https://codein.withgoogle.com/dashboard/tasks/6663508033798144/ सबमिट सकूं । यदि आप और पाते हैं तो कृपया मुझे संबंधित मुद्दों में टैग करें।

ओह.. ठीक है ज़रूर.. कृपया https://codein.withgoogle.com/dashboard/task-instances/5768472920326144/ को स्वीकार

आपकी कड़ी मेहनत और समय के लिए बहुत-बहुत धन्यवाद...

हाय, आउटरीची इंटर्न यहाँ। क्या यह मुद्दा अभी भी खुला है? क्या मुझे इसे सौंपा जा सकता है?

@ लिंडा-इकेचुकु आगे बढ़ो।

क्या यह मुद्दा अभी भी खुला है? क्या मैं इसे ले सकता हूं?

कृपया आगे जाएं
धन्यवाद

क्या मैं इस मुद्दे को उठा सकता हूं, अगर यह अभी भी खुला है

ज़रूर

यह अब हल हो गया है, धन्यवाद!