העיצוב החדש בפורום


[component="post/upvote"]:hover i:before {
    content: '\f077';
}

[component="post/downvote"]:hover i:before {
    content: '\f078';
}

[component="post/upvote"].upvoted i:before {
    content: '\f102';
}


[component="post/upvote"].upvoted {
   background-color: #e4e6e7 !important;
}


[component="post/downvote"].downvoted {
   background-color: #e4e6e7 !important;
}

[component="post/downvote"].downvoted i:before {
    content: '\f103';
}

dovid

@WWW + @OdedDvir
בקשר לdark mode,
יש סקינים עם עיצוב ככה, אלא שלא אפשרתי כעת לשנות סקין
כי האפשרות הזו כרגע יוצרת באג קטן שבע"ה הולך להפתר.
הבעיה העיקרית כעת היא שהעיצוב שכתבנו "תפור" על הסקין הנוכחי,
כי לא כ"כ השתמשנו במשתנים של CSS אלא בערכים מוחלטים.
לאט לאט אנסה לתרגם את מה שנעשה למשתנים כך שרוח העיצוב מבחינת צבעים, פינות וכולי יהיו בהתאם לskin הנבחר, ואילו השלד של ההפרדה בין הפוסטים לרגע וכולי יישאר בכולם.

@פלורידה שורת החתימה נראית מידי גדולה בחתימות עם טקסט קצר... אם נפחית את הגודל זה יפריע לך לא פחות במידה וטקסט החתימה נפגש בכלי הפוסט (תוגבה ציטוט והצבעה).
בקשר לצבעים הקרים, בע"ה זה ייפתר עם הסקינים כאמור.

dovid

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

יעקב מ. פינס

אני חושב שצריך להוסיף את כותרת הנושא בגלילה חשבתי שאולי אפשר להכניס אותה כאן
תמונה.png
אם זה אפשרי כמובן

dovid

@יעקב-מ-פינס אתה צודק שזה היה כדאי, זה גם מפריע לי.
אבל זה קשה ליישם זאת.

dovid

@מיכאלוש כתב בהעיצוב החדש בפורום:

אין הבדל בצבע הכותרת בין פוסט שקראתי לפוסט שעוד לא קראתי

אצלי יש הבדל:

dovid

@yossiz כתב בהעיצוב החדש בפורום:

@chagold כתב בהעיצוב החדש בפורום:

בפתיחת אשכול חדש שורת הקטגוריות מוסתרת
ul[component="category/list"].dropdown-menu.show {
    transform: translate3d(-194px, 36px, 0px) !important;
}

זה מצויין למחשב ועושה בעיות בתצוגה צרה (מובייל).
חייבים להתנות במדיה? איך ייתכן שהם לא התנו?

dovid

@WWW כתב בהעיצוב החדש בפורום:

לגבי הסרגלים בצדדים, האלמנטים שם הפוכים:

השחור הצף, מה שנקרא הטוליפ, זה בעצם popover של bootstrap 5, לא הצלחתי להבין איך הם נוצרים ואיך לקבוע להם את הצד של החץ.

לגבי החיצים להרחבת הפאנל הצידי, אני לא יודע איפה למצוא סמל הפוך, הקלאס fa-angles-right לא עובד בleft ובכלל אני לא מוצא כזה אייקון בfa 6, אז אני לא מבין מאיפה הוא.

צדיק תמים

@dovid כתב בהעיצוב החדש בפורום:

@WWW כתב בהעיצוב החדש בפורום:

לגבי הסרגלים בצדדים, האלמנטים שם הפוכים:

השחור הצף, מה שנקרא הטוליפ, זה בעצם popover של bootstrap 5, לא הצלחתי להבין איך הם נוצרים ואיך לקבוע להם את הצד של החץ.

לגבי החיצים להרחבת הפאנל הצידי, אני לא יודע איפה למצוא סמל הפוך, הקלאס fa-angles-right לא עובד בleft ובכלל אני לא מוצא כזה אייקון בfa 6, אז אני לא מבין מאיפה הוא.

זה נשמע כמו באגים בnodebb עצמו אז כדאי לדווח להם במקום ליצור טלאי מקומי...
כנ"ל לגבי בחירת קטגוריה.

@dovid כתב בהעיצוב החדש בפורום:

חייבים להתנות במדיה? איך ייתכן שהם לא התנו?

פשוט מאוד, הבאג קיים רק בתצוגת RTL (עברית)...

WWW

@dovid כתב בהעיצוב החדש בפורום:

לגבי החיצים להרחבת הפאנל הצידי, אני לא יודע איפה למצוא סמל הפוך, הקלאס fa-angles-right לא עובד בleft ובכלל אני לא מוצא כזה אייקון בfa 6, אז אני לא מבין מאיפה הוא.

V4 לא טוב?
https://fontawesome.com/v4/icon/angle-left
עריכה:
בכלל, יש גם את החץ ההפוך, כשהפאנל פתוח.

עוד הערה:
חסר פה טקסט:

צדיק תמים

https://github.com/NodeBB/NodeBB/issues/11558
https://github.com/NodeBB/NodeBB/issues/11559
https://github.com/NodeBB/NodeBB/issues/11560

צדיק תמים

@dovid
עדכון: עלה תיקון לזה, בגרסה 3.1.0
לגבי הטולטיפים הוא כותב שהדחיסת CSS משבשת את הכיווניות שלהם,
הוא מציע להסתיר את החץ...

.tooltip .tooltip-arrow { display: none ; }

dovid

@צדיק-תמים תודה רבה על הדיווחים!

dovid

@WWW כתב בהעיצוב החדש בפורום:

בכלל, יש גם את החץ ההפוך, כשהפאנל פתוח.

תודה
לא שמתי לב!

תחומים - פורום חרדי מקצועי

העיצוב החדש בפורום