रेंडियर थीम

पर वैलो थीम के स्पेसिंग और विजेट आकार को स्केल करें नया Valo theme अब वैडिन 7.3 ऐप्स में डिफ़ॉल्ट है। यह विषय विगेट्स (बटन, फ़ील्ड, और इसी तरह) के साथ दृश्यमान रूप से प्रस्तुत करता है जो पिछले डिफ़ॉल्ट Reindeer विषय की तुलना में नाटकीय रूप से बड़े (व्यापक और लंबा) हैं।रेंडियर थीम

इस प्रकार का स्वरूप अब एंड्रॉइड और आईओएस 7/8 के साथ-साथ कुछ वेबसाइटों में मोबाइल ऐप्स में लोकप्रिय है। लेकिन उन संदर्भों में केवल कुछ मिनटों की सीमा में संक्षिप्त उपयोग के लिए हैं। इसके विपरीत, व्यवसाय-उन्मुख डेस्कटॉप-स्टाइल ऐप्स का उपयोग लोगों द्वारा लंबे समय तक कार्य सत्रों के लिए किया जाता है, शायद पूरे दिन घंटों के लिए और बंद होने के लिए। और व्यापार उन्मुख ऐप्स एक घनत्व प्रारूप में अधिक जानकारी प्रस्तुत करते हैं। इस तरह के उपयोग के लिए, वालो थीम का डिफ़ॉल्ट प्रतिपादन अनुचित है। विशेष रूप से, फोंट बहुत पतले हैं और बेहोश, और आकार फोंट और विजेट के लिए बहुत बड़ा है।

वालो का प्रसिद्धि का दावा यह है कि यह समायोज्य और जावा और/या सीएसएस कोड की कुछ पंक्तियों को आसान बनाने के लिए बनाया गया है। क्या किसी ने के साथ प्रयोग किया है जो वैलो को रीइंडियर थीम के समान आकार देने के लिए बदल रहा है? साझा करने के लिए कोई स्रोत कोड या निर्देश?

स्पष्ट होने के लिए, मेरा लक्ष्य केवल दृश्य ऊंचाई & चौड़ाई और उनके फ़ॉन्ट आकार को कम करता है। मैं डिजाइन को बदलने के बारे में नहीं पूछ रहा हूं, मैं कुछ पिक्सेल स्पेस वापस पाने के लिए आभारी हूं। मैं रेंडियर थीम में अपने समकक्षों के दृश्य आकार को समानांतर करने के लिए वालो विजेट्स के आकार को प्राप्त करने के सबसे आसान और सुरक्षित तरीके से बस देख रहा हूं।

अल्प अवधि में, मैं इस StackOverflow.com प्रश्न, Change from “Valo” theme to “Reindeer” in new Vaadin 7.3 app पर वर्णित अनुसार, रेंडियर का उपयोग करने के लिए डिफ़ॉल्ट को ओवरराइड करना जारी रखूंगा। लेकिन लंबी अवधि, वाडिन टीम वालो पर बड़ी सट्टेबाजी कर रही है। आखिर में रेंडियर पक्ष से बाहर हो जाएगा, इसलिए मैं सीखना चाहता हूं कि संक्रमण कैसे करें।

मैंने Ticket # 14,909 को खोलने के लिए वाल्ओ को स्वचालित रूप से रेंडियर योजना में डाउनसाइज करने के लिए स्विच प्रदान करने का सुझाव दिया था।

कुछ लोगों ने इस पोस्ट को गलत तरीके से पढ़ा है: हम डिस्क पर संग्रहण आकार के बारे में बात नहीं कर रहे हैं। हम यहाँ पिक्सल के बारे में बात कर रहे हैं, बिट्स नहीं। दृश्य आकार, फ़ाइल आकार नहीं। ग्राफिकल लेआउट, widgetset अनुकूलन नहीं।

यह प्रश्न निष्पक्ष रूप से "बहुत व्यापक" के रूप में बंद कर दिया गया था। फिर भी यह वोट प्राप्त करना जारी रखता है। मैं आपको फिर से खोलने के लिए वोट देने के लिए अप-मतदाताओं से पूछता हूं।

स्रोत

2014-10-27 Basil Bourque

वोट बंद करने के लिए क्योंकि सवाल "बहुत व्यापक" है - शायद डाउनवॉटर सामान्य रूप से वैडिन थीमिंग और वालो से परिचित नहीं है। वैलो थीम को अनुकूलित करने के लिए बनाया गया है, रंग बदलने, फोंट, कोनों की गोलाकारता, फुफ्फुस या समतलता, एनिमेशन, अस्पष्टता, सीमाएं, आदि के लिए विभिन्न मानकों के साथ। यह देखें [विकी ट्यूटोरियल] (https://vaadin.com/wiki/-/wiki/Main/Valo+theme+-+ गेटिंग + स्टार्टेड)। अपना खुद का प्रयास करने से पहले, मैं पूछ रहा हूं कि किसी ने आकार को अनुमानित करने के लिए पहले से ही अनुकूलन कोड का एक सेट बनाना शुरू कर दिया है और शायद पिछले रेंडियर थीम को देख सकते हैं। –

'$ v-font-size' आपका प्रारंभिक बिंदु और अगला' $ v-unit-size' है। वे दोनों आपको दूर ले जाना चाहिए। आप अपने प्रश्न में सभी रंटों को भी हटा सकते हैं और स्पष्ट कर सकते हैं, अगर आप विज़ुअल आकार या जेनरेट कोड के फाइल सिस्टम आकार के बारे में चिंतित हैं और मुझे लगता है कि यह प्रश्न फिर से खोल दिया जा सकता है। – cfrick

मैं https://github.com/vaadin/valo-demo/blob/master/src/main/webapp/VAADIN/themes/tests-valo-facebook/_variables.scss से शुरू करूंगा, रंगों को कुछ ग्रेश में बदलें और फ़ॉन्ट/फ़ॉन्ट आकार समायोजित करें और आप रेनडियर से बहुत दूर नहीं हैं। सभी को समय की ज्वारों के साथ जाना पड़ता है ... – cfrick

हिरन विषय के लिए एक स्थानापन्न के रूप valo विषय उपयोग करने के लिए आप विषय चर कॉन्फ़िगर कर सकते हैं सिर्फ इस तरह valo के लिए इस्तेमाल किया:

$v-font-size: 12px; 

$v-unit-size: 26px; 
$v-unit-size--small: 20px; 
$v-unit-size--tiny: 18px; 

$v-layout-margin-top: 18px; 
$v-layout-margin-right: 18px; 
$v-layout-margin-bottom: 18px; 
$v-layout-margin-left: 18px; 
$v-layout-spacing-vertical: 7px; 
$v-layout-spacing-horizontal: 6px;

(स्रोत: Valo Demo Project - Reindeer Theme)

अनुभाग Book of Vaadin - Valo Theme पूर्व गहराई से मैदानी इलाकों को कहां रखा जाए और विषय को कैसे अनुकूलित किया जाए।

स्रोत

2017-05-03 12:44:07 JDC

मुझे समझ में नहीं आता विभाजक रेखा के ऊपर आपका पहला पैराग्राफ। यदि आप बस कह रहे हैं कि टिप्पणियों में आपका समाधान भी उल्लेख किया गया है, तो उसे समझाने की कोई आवश्यकता नहीं है (शायद क्रेडिट के लिए टिप्पणी पोस्टर के नाम का उल्लेख करने के लिए)। अक्सर स्टैक ओवरफ्लो पर लोग एक संभावित समाधान का संक्षेप में एक टिप्पणी के रूप में उल्लेख करते हैं जबकि अन्य लोग उस विचार को लेते हैं, विवरण और उदाहरण जोड़कर इसे निकाल देते हैं, और उत्तर पोस्ट करते हैं। –

ठीक है, मैं बस यह स्पष्ट करना चाहता था कि मैं क्रेडिट को "चोरी" नहीं करना चाहता हूं :) – JDC

फिर बस "एलिसडब्लू द्वारा टिप्पणी के अनुसार" या "सुसान द्वारा टिप्पणी में उल्लिखित" जैसे एक संक्षिप्त नोट जोड़ें। जैसा कि अब है, वह उद्घाटन अनुच्छेद एक भ्रमित व्याकुलता है। –

जब भी मैंने रेंडियर से वालो थीम में स्विच किया तो मुझे भी वही समस्या थी। विषय लोड करने से पहले छोटे फ़ॉन्ट आकार और परिवार का उपयोग करना मेरी समस्या हल हो गई।

$v-font-size: 12px; 
$v-font-family: sans-serif; 

@import "../valo/valo.scss";

स्रोत

2017-11-11 17:27:45

रेंडियर थीम

उत्तर

संबंधित मुद्दे