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

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

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

[מיכאלוש]

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

[צדיק תמים]

@yossiz משהו שם מבולבל קצת

[WWW]

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

@yossiz משהו שם מבולבל קצת

אתה מדבר על החץ בעכבר? זו תוספת שלך כנראה.

[צדיק תמים]

@WWW זה מה שהיה בCSS ש@yossiz כתב ומחק...

[WWW]

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

@WWW זה מה שהיה בCSS ש@yossiz כתב ומחק...

מה אתה שואל על משהו שהוא מחק?

[צדיק תמים]

@WWW הוא מחק אחרי (כנראה בעקבות) שכתבתי

[צדיק תמים]

@dovid לדעתי תמונות בתוך ציטוט צריכות להיות קטנות יותר/מוסתרות.

[yossiz]

@צדיק-תמים @WWW החזרתי משהו בלי בלבולים

[צדיק תמים]

@yossiz בכפתור הלייק מוצג חץ למטה

בכל מקרה לדעתי החיצים האלה בסמן העכבר מבלבלים...

[WWW]

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

@צדיק-תמים @WWW החזרתי משהו בלי בלבולים

לא רואים ריחוף על לחצן שכבר לחוץ.
במקורי הריחוף כהה יותר מה"בחור".

[WWW]

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

@yossiz בכפתור הלייק מוצג חץ למטה

בכל מקרה לדעתי החיצים האלה בסמן העכבר מבלבלים...

אצלי אין את זה.

[צדיק תמים]

@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, אז אני לא מבין מאיפה הוא.