תפריט משתמש מותאם אישית

סיכום מבוסס בינה מלאכותית

The Custom User Menu theme component, created by manuel, adds a dropdown menu to the header for quick access to personal settings and pages, replacing the default profile tab in the notifications menu. It is available via GitLab and can be installed using the provided guide. The component separates notifications from the user menu, improving navigation. user2 praises its design, while StryGuardian notes a conflict with the F NAV Mobile Navigation Tabs component, which also modifies the header. manuel acknowledges the issue, explaining that both components target similar UI elements, causing UX and style conflicts. StryGuardian suggests conditional activation based on screen size and component presence, which manuel agrees to implement by adding a dedicated mobile style. digitaldominica confirms the conflict, while jrgong reports no issues on their setup and asks if PRs are accepted. Hyteller inquires about mobile support, and manuel clarifies that while the menu works on mobile, a dedicated mobile modal is planned for future updates.

:information_source: Summary Adds a dropdown menu to the header, giving users quick access to personal settings and pages
:hammer_and_wrench: Repository Manuel Kostka / Discourse / Components / Custom User Menu · GitLab
:question: Install Guide How to install a theme or theme component
:open_book: New to Discourse Themes? Beginner’s guide to using Discourse Themes

Install this theme component

Adds a stand-alone user menu to the header. It replicates the items that are by default on the profile tab of the notifications menu.

User Menu view

Notifications Menu view

The component hides the related tab from the notifications menu. The views without and with the component:

:compass: Roadmap

Add mobile modal

Switch name and username depending on site setting

13 לייקים

I love using this component already!

I really like the separating the notifications out of the user menu. nicely done. :smiley:

5 לייקים

It seems there is a small conflict between this and F NAV Mobile Navigation Tabs, which moves the Notification bell to the bottom of the screen. It still functions fine, but where the bell should be in the header, it’s just a blank space. Tapping that blank space opens the same menu as tapping my profile picture.

4 לייקים

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

לייק 1

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

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

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

לייק 1

2 פוסטים חולקו לנושא חדש: לוקליזציה אוטומטית ב-meta מציגה { לפוסט

יש לי את אותה הבעיה שהוזכרה כמו @StryGuardian מכיוון שזה מתנגש עם f-nav.

לייק 1

האם הבעיה עדיין קיימת? הרגע בדקתי את ה-fork שלי ל-F NAV בגרסה 3.5.1 עם ה-TC הזה והוא עובד כמו קסם…

@manuel האם אתה מקבל PRs? זו תהיה תוספת נחמדה להציג את שם המשתמש מודגש כאשר שמות מלאים מושבתים בהגדרות האתר וגם לקשר את אוואטר המשתמש ל"סיכום" הפרופיל שלו.

Have you managed to add mobile support?

2 לייקים

No. To be clear, the menu as such works on mobile. But I didn’t have a client that needed a dedicated mobile modal or compatibility with mobile navigation tabs of the above mentioned component.

לייק 1