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

[צדיק תמים]

@WWW כמובן, שים את זה בDevTools או live-css-editor ותראה...

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

@WWW

[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, הקו המנחה צריך להיות שזה כמה שפחות תלוי במצב הנוכחי. כלומר שהעיצוב לא יהיה לא רלוונטי על כל עדכון חזותי קטן או שינוי סקין. למשל במקרה של סמל ההצבעה, הדגשה עדיפה על שינוי סמל, כי שינוי סמל זה רלוונטי בהתאם לסמל שיש בלי זה.

[יעקב מ. פינס]

אני חושב שצריך להוסיף את כותרת הנושא בגלילה חשבתי שאולי אפשר להכניס אותה כאן

אם זה אפשרי כמובן

[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 כתב בהעיצוב החדש בפורום:

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

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

[אינטרקום]

ראשית תודה ענקית ל@dovid ו@yossiz על העבודה וההשקעה.

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

[מעלה ומוריד]

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

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

עם הקוד שיוסי הביא למעלה

div[component="post/signature"] {
    margin-bottom: -30px;
}

זה לא קורה. כשהחתימות ארוכות הגובה גדל בהתאם. הרוחב נשאר מוגבל.

[איש ימיני]

@dovid בעבר היה שינוי צבעים בפורום תכנות וכו', כרגע זה בוטל.

[מעלה ומוריד]

השנקל ורבע שלי:
אולי את הקוד כדאי להזיז ימינה לטווח הקריאה, ולעגל פינות קצת, הריבוע קצת חריג...

pre code {
    float: right;
    border-radius: 3px;
    max-width: 100%;
}

[laswater]

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

[dovid]

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

זה לא קורה. כשהחתימות ארוכות הגובה גדל בהתאם. הרוחב נשאר מוגבל.

למה אצלי זה יוצא אחרת?