2017-01-23 16 views
5

कैसे बदलें मैं वीएमवेयर क्लियरिटी डिज़ाइन सिस्टम UI (https://vmware.github.io/clarity/) के साथ खेल रहा हूं और अपने बीज एप्लिकेशन चला रहा हूं। मैं अपने ब्रांड आइकन को अपने आप से बदलने की कोशिश कर रहा हूं, लेकिन यह एक अलग आकार है। मुझे लगता है कि आइकन 36px x 36px पर हार्ड-कोड किया गया प्रतीत होता है। अगर मैं सीएसएस में नया आकार सेट करने का प्रयास करता हूं, तो यह अभी भी 36px x 36px के रूप में प्रस्तुत करता है। क्या यह कड़ी कोडित है?वीएमवेयर क्लियरिटी डिज़ाइन सिस्टम ब्रांड आइकन आकार

LogoSize

+0

मुझे लगता है कि यह स्टैक ओवरफ़्लो पर आपका पहला प्रश्न है, आपका स्वागत है! कृपया कुछ कोड प्रदान करें ताकि हम देख सकें कि आपने क्या किया है और आपके प्रश्न के संदर्भ को बेहतर ढंग से समझते हैं, जो बदले में आपकी मदद करने में हमारी सहायता करेगा। यह भी देखें [कैसे पूछें] (http://stackoverflow.com/help/how-to-ask) बेहतर प्रश्न पूछने के तरीके पर बेहतर उत्तर देने के लिए कैसे। –

+0

तो बीज परियोजना निम्नलिखित कोड प्रदान करता है:

..... मैं बदल और मेरी कक्षा clr-डेल-लोगो जोड़ा सीएसएस में: .clr-icon { और .clr-clarity-logo { पृष्ठभूमि-छवि: url (../ images/clarity_logo.svg); } } .clr-icon { और .clr-dell-logo { पृष्ठभूमि-छवि: url (../ images/DellLogoWht.png); } } –

+0

भी करने की कोशिश की: .clr-आइकन { और .clr-डेल-लोगो { पृष्ठभूमि छवि: यूआरएल (../ छवियों/DellLogoWht.png); पृष्ठभूमि आकार: 400 पीएक्स 180 पीएक्स; } } –

उत्तर

5

यह था। मैं सोच रहा था कि मुझे छवि में आकार जोड़ने की आवश्यकता है, न कि .clr-icon वर्ग पर। यह काम करता है:

.header .branding .clr-icon { 
 
    height: 13px; 
 
    width: 73.9px; 
 
    &.clr-dell-logo { 
 
     background-image: url(../images/DellLogoWht.png); 
 
    } 
 
}

2

आपका जवाब के लिए सही है, जब आप सीएसएस के साथ आकार सेट करना चाहते हैं (मैं तुम्हारा कि प्रतिबिंबित करने के लिए ऊपर से वोट दिया)। तुम भी clr-आइकन तत्व पर आकार विशेषता के साथ एक आइकन आकार सेट कर सकते हैं:

<clr-icon shape="info" size="48"></clr-icon>

हम यहाँ आकार विशेषता का उपयोग कर एक उदाहरण है, Clarity Icons Documentation

यह के बारे में 1 है पृष्ठ के नीचे/2 रास्ता या के लिए खोज आइकन आकार सेट करना। एफवाईआई - हम स्पष्टता चिह्नों के लिए दस्तावेज़ों को अद्यतन करने की प्रक्रिया में हैं।

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