שינוי עיצוב אלמנטים Angular material

Lihi

משתמש חדש
היי,
אני עובדת עכשיו על פרויקט עם Anguar material
הוספתי אייקון מסוים ע"י התגית mat-icon
הבעיה היא שהוא מגיע בגודל מוגדר מראש ואני לא מצליחה לשנות אותו ע"י הcss
אשמח אם מישהו פה יודע איך להתנהל עם העיצוב של האלמנטים בצורה חופשית..
תודה!
 

java

משתמש סופר מקצוען
מנוי פרימיום
הנדסת תוכנה
היי,
אני עובדת עכשיו על פרויקט עם Anguar material
הוספתי אייקון מסוים ע"י התגית mat-icon
הבעיה היא שהוא מגיע בגודל מוגדר מראש ואני לא מצליחה לשנות אותו ע"י הcss
אשמח אם מישהו פה יודע איך להתנהל עם העיצוב של האלמנטים בצורה חופשית..
תודה!
לא מכירה את אנגולר, אבל נסי להוסיף למאפיין הcss שהגדרת: !importatnt
לדוג':
CSS:
font-size: 2rem !important;
 

java

משתמש סופר מקצוען
מנוי פרימיום
הנדסת תוכנה
תודה!
אבל לא עובד....
הוא כאילו מתעלם לגמרי..
נסי לפתוח בF12 ולראות מה שם הסטייל שמגיע מהספריה,
ולתת סטייל עם שם דומה.
 

Lihi

משתמש חדש
ניסיתי את זה
ניסיתי גם להציב על האלמנט עצמו ע"י

<mat-icon style="width: 50px;">menu</mat-icon>
הוא לא מגיב..
זה משהו עם הספריה הזאת של ה angular material
 

Lihi

משתמש חדש
הסתדרתי!
תודה רבה!
היה צריך להוסיף לו:
<mat-icon [inline]="true">menu</mat-icon>
ואז ניתן לשנות לו את העיצוב..
אם זה יעזור למישהו...
 

אולי מעניין אותך גם...

הפרק היומי

הפרק היומי! כל ערב פרק תהילים חדש. הצטרפו אלינו לקריאת תהילים משותפת!


תהילים פרק קיט פ'

קכט פְּלָאוֹת עֵדְוֹתֶיךָ עַל כֵּן נְצָרָתַם נַפְשִׁי:קל פֵּתַח דְּבָרֶיךָ יָאִיר מֵבִין פְּתָיִים:קלא פִּי פָעַרְתִּי וָאֶשְׁאָפָה כִּי לְמִצְוֹתֶיךָ יָאָבְתִּי:קלב פְּנֵה אֵלַי וְחָנֵּנִי כְּמִשְׁפָּט לְאֹהֲבֵי שְׁמֶךָ:קלג פְּעָמַי הָכֵן בְּאִמְרָתֶךָ וְאַל תַּשְׁלֶט בִּי כָל אָוֶן:קלד פְּדֵנִי מֵעֹשֶׁק אָדָם וְאֶשְׁמְרָה פִּקּוּדֶיךָ:קלה פָּנֶיךָ הָאֵר בְּעַבְדֶּךָ וְלַמְּדֵנִי אֶת חֻקֶּיךָ:קלו פַּלְגֵי מַיִם יָרְדוּ עֵינָי עַל לֹא שָׁמְרוּ תוֹרָתֶךָ:
נקרא  22  פעמים

לוח מודעות

למעלה