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

[dovid]

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

[shraga]

אמנם נדברנו באישי אבל אכתוב גם כאן כדי שהציבור יחווה את דעתו על העניין ונחיצותו

• שינוי פונט לAssistant (או לOpen Sans או לHeebo).
• ביטול אפשרות ה'תגובה מהירה' שגורמת לעסק כאן להיראות כצ'אט (ממשק התגובה הרגילה גם השתנה ולא לטובה לדעתי, בעיקר חסרה לי שם אפשרות התצוגה המקדימה בברירת מחדל).
• תרגומים חסרים לעברית דבר שגם משבש את הניראות (לא ברור לי האם זה אמור להתבצע ספציפית לפלטפורמה זו או שיש לnodebb פלטפורמת תרגום משל עצמה שאיכשהו הפורום יכול להסתנכרן איתה), מסתבר שהחבר'ה כאן ישמחו לתרום אך רק יכוונו אותם.

מעבר לזה התיקונים שנעשו בהחלט משפרים את הניראות והסדר, שאפו!

[צדיק תמים]

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

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

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

[צדיק תמים]

@dovid השינוי שנעשה יפה ומקורי מאוד!
אם כי לדעתי קצת מוריד מהנקיות ופשטות שאפיינה את העיצוב החדש (Harmony), יותר לכיוון של הערכת נושא הישנה

---

מהי הנקודה מעל הפוסט הראשון ומתחת האחרון?

[OdedDvir]

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

[dovid]

@OdedDvir ביקרת פה אתמול או היום בבוקר?
כי היה הרבה הרבה פחות מנוגד.

[dovid]

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

מהי הנקודה מעל הפוסט הראשון ומתחת האחרון?

כנראה שארית מה Time-Line, תראה פה:

[צדיק תמים]

@dovid אני חושב שהכוונה לעיצוב הישן שלפני Harmony

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

[OdedDvir]

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

[yossiz]

סליחה מכולם... אבל על טעם וריח וכו' מקווה שיהיה מתישהו משהו שמרצה את כולם...

[WWW]

@yossiz ענק!!!
נהיה הרבה יותר טוב!
מה עם dark mode יש מצב?...

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

כמו"כ יש איזה הרגשה של ריקנות בדף למעלה, ובמסכים רחבים גם בצד שמאל (בגלל שנשאר המון מקום לTIME LINE חוץ מהשוליים הרחבים ממילא):

עריכה: אני חושב שמה שמפריע לי זה שהפוסטים ממש לא באמצע המסך.

[פלורידה]

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

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

[צדיק תמים]

אין סימון ניכר האם הצבעתי בעד/נגד פוסט מסוים (כלומר שהחץ למעלה/למעלה יהיה בצבע שונה אם הוא לחוץ)

[yossiz]

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

שורת החתימה גדול מידי בלי סיבה

אכן

אני מציע:

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

[yossiz]

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

אין סימון ניכר האם הצבעתי בעד/נגד פוסט מסוים (כלומר שהחץ למעלה/למעלה יהיה בצבע שונה אם הוא לחוץ)

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

[chagold]

בפתיחת אשכול חדש שורת הקטגוריות מוסתרת

[WWW]

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

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

מה עם הצבעה נגד?
וזה לא סותר לסדר גם את הרקע של:

.page-topic .topic .posts [component="post/downvote"].downvoted, .page-topic .topic .posts [component="post/downvote"].upvoted, .page-topic .topic .posts [component="post/upvote"].downvoted, .page-topic .topic .posts [component="post/upvote"].upvoted

זה צריך להיות בין הערך הרגיל לערך של הריחוף (ואין כ"כ טווח לשחק, אולי צריך להכהות את הריחוף).

[yossiz]

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

בפתיחת אשכול חדש שורת הקטגוריות מוסתרת

ul[component="category/list"].dropdown-menu.show {
    transform: translate3d(-194px, 36px, 0px) !important;
}

[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';
}

אני לא מתכוון להציע שכך יעשו, רק מי שירצה יכול להוסיף לעצמו

[מיכאלוש]

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