Quick access to bookmarks and messages on user menu

Using the new profile menu on mobile, I notice that clicking any of these buttons

shows basically the same result - the top of the user profile page, which only has a navigation menu. You have to scroll down a lot to actually see what you came for.

Instead of that, why not show a short list of what you clicked on, right in the menu?

Bookmarks:

Messages:

16 „Gefällt mir“

I agree it’s odd to arrive at basically the profile menu on mobile when clicking these links. the idea of displaying results in the menu panel, like notifications, is interesting! or at least jump down to an anchor in the results?

2 „Gefällt mir“

This problem exists for a long time. It makes it quite difficult to use the profile on mobile.

https://meta.discourse.org/t/profile-page-on-mobile-selecting-menu-item-should-jump-to-the-selected-content/19896?u=gerhard

6 „Gefällt mir“

I like this idea! Although you’d need a “tab” (since that’s basically how these would function now) for notifications as well, to return to it.

Seems like 80+% of the time you’re only looking for recent bookmarks, messages, etc., so this might be useful.

You might also need a divider between the tabs and the settings icon though, since they now have different functions.

2 „Gefällt mir“

Basically profile page needs fixing. As @sam indicated it might be better if, when you view your own profile only, we compress the top part. It’s especially large on mobile too…

2 „Gefällt mir“

Mobile looks so much better these days :slight_smile: user page is much improved.

I still sort of like the idea of having a “quick access” somehow, cause despite the improvements I still avoid the user page quite a lot.

2 „Gefällt mir“

Hello everyone,

I started working on this one. Here is a part of my progress so far.

6 „Gefällt mir“

I think this change looks good, well done @nbianca, provided “view older {x}…” is updated to be conditional and link to the right place in each view:

  • view older bookmarks…
  • view older messages…
  • view older notifications…

technically assignments are included here as well @sam

This should be reviewed closely as it is a reasonably large change…

8 „Gefällt mir“

[quote=“sam, Beitrag:6, Thema:32787”]
Ich mag die Idee eines „schnellen Zugriffs

5 „Gefällt mir“

Ich denke, ich würde das zunächst in einer Theme-Komponente sehen wollen. API-Verbesserungen, die diese Theme-Komponente umsetzbar machen (und bei Bedarf das Core-Bereinigen), sind auf dem Weg absolut willkommen. Aber ich denke, das Theme ist der perfekte Ort, um dieses Konzept zu testen!

Dann können wir es auf Meta installieren und eine Weile damit „leben“, um zu sehen, ob es uns glücklich macht. Außerdem verbessern sich dabei unsere Core-API und die Infrastruktur der Theme-Komponenten, was ein riesiger Pluspunkt ist.

9 „Gefällt mir“

Die Theme-Komponente befindet sich unter: GitHub - xrav3nz/discourse-quick-access · GitHub. Vorschläge sind willkommen!

Ich habe sichergestellt, dass das Design es anderen Plugins/Themes erleichtert, eigene Quick-Access-Panels bereitzustellen. Ich werde dies im Detail dokumentieren (oder ein Beispiel für discourse-assign per PR einreichen), falls und sobald Interesse besteht.

Eine kurze Demo:

Ausgewählte Panel-Farbe

Derzeit wird die Hover-Farbe wiederverwendet.

Zur Vollversion der Seite navigieren

  • Du kannst weiterhin mit der rechten Maustaste klicken oder Strg + Klicken, um die Vollversion in einem neuen Tab zu öffnen, oder
  • Den Link am unteren Rand klicken (er wird immer für Lesezeichen und Nachrichten angezeigt), oder
  • Dasselbe Quick-Access-Panel zweimal klicken.

Leerer Zustand

Ich bin mir nicht sicher, was der beste Ansatz hierfür ist. Vorläufig habe ich den vorhandenen Hilfetext für den leeren Zustand aus den jeweiligen Vollseiten übernommen. Der Text für Lesezeichen könnte für ein Quick-Access-Panel jedoch zu lang sein.

21 „Gefällt mir“

@xrav3nz das sieht gut aus! Funktioniert das schon? Ich habe die Komponente hinzugefügt, habe aber immer noch das alte Verhalten.

1 „Gefällt mir“

Tolle Arbeit, das ist sehr poliert. Ich liebe es, dass ein zweiter Klick dich zur Seite bringt.

Das ist hier auf Meta installiert. Wähle einfach Sam's Simple Theme aus, um es im Hamburger-Menü auszuprobieren.

Ein paar Rückmeldungen:

  1. Das sollte mit discourse-assign funktionieren. Installiere es und weise dir selbst etwas zu.

  1. Mir scheint das Gelbe stilistisch etwas zu viel. @Johani / @awesomerobot, habt ihr Ideen für ein weniger aufdringliches Design?

  2. Ich bin mir nicht sicher, was man damit machen soll, aber auf Mobile sind die Klickziele einfach zu winzig. Vielleicht sollte die Komponente die Elemente etwas größer machen, damit man eine Chance hat, sie zu ändern?

  3. „Prefs“ ist „anders“. Vielleicht sollte es einheitlich sein und eine Liste mit Summary, Activity enthalten, oder vielleicht eine Liste mit Account, Profile, Emails und so weiter.

    a. Eigentlich … wenn ich darüber nachdenke, vielleicht solltest du das Zahnrad ganz weglassen und das Icon „Person Sam“ nutzen, um ein Panel mit Summary, Activity usw. aufzuklappen. Das gibt dir eine größere Klickfläche für die Registerkarten.

Insgesamt … spektakuläre Arbeit!

13 „Gefällt mir“

Gut gemacht, @xrav3nz :clap: Das sieht fantastisch aus!

Wir können das gleiche Muster für die Header-Symbole und Menüs verwenden, also etwas wie dies:

Und so würde es mit einer ungelesenen Benachrichtigung oben aussehen:

15 „Gefällt mir“

Ich bin der OP. Es freut mich zu sehen, dass eine Idee vier Jahre überdauern und sich dennoch als nützliche Ergänzung erweisen kann!

Das ist die Kraft von Discourse, kurz gesagt.

16 „Gefällt mir“

Diese Funktion ist riesig für Lesezeichen! :heart_eyes: Ich würde sie auch gerne für die Zuweisung sehen.

Ich finde, der von @johani vorgestellte Rahmen könnte etwas zu dezent sein, aber er gefällt mir trotzdem … also nehmen wir das.

14 „Gefällt mir“

Danke für das Feedback! Ich habe gerade ein Update gepusht, um die ersten beiden Punkte zu adressieren. Die anderen beiden folgen später diese Woche (#4 erfordert zunächst einen kleinen PR an das Core-System).

Super und danke für das Mockup!

:wink:

Außerdem zeigt dieser Commit, wie einfach es für andere Themes/Plugins ist, ein neues Schnellzugriffspanel einzuführen!

12 „Gefällt mir“

Das ist fantastisch! Wie fantastisch, fragst du? So fantastisch, dass ich es für alle Themes auf Meta aktiviert habe.

Alle sind herzlich eingeladen, damit herumzuspielen und Feedback zu geben. Das ist meiner Meinung nach fast bereit für die Aufnahme in den Core, aber wir müssen hier noch ein paar kleine Details klären.

Das Zahnrad :gear: ist kein Tab. Es wirkt wirklich fehl am Platz. Wenn du es entfernst, kannst du alle Tabs etwas breiter gestalten, was auf mobilen Geräten größere Klickflächen ermöglicht! Ich denke, du solltest es versuchen.

„Abmelden

21 „Gefällt mir“

Das ist großartig!

Ich habe ein sehr kleines Problem bemerkt – diese Komponente scheint die Farbe von Icons an anderer Stelle in der App zu beeinflussen (z. B. den Status „watching“). Normalerweise ist das Icon hier blau:

Ich mag diese Idee – wie wäre es, wenn wir auch den schnellen Zugriff auf das Theme und die Schriftgröße zum „Sam-Tab“ hinzufügen? Das Hamburger-Menü hier auf Meta wird mit Theme-Optionen ziemlich unübersichtlich, daher wäre es schön, es woanders unterzubringen.

10 „Gefällt mir“

Ich mag das wirklich. Gut gemacht, alle Beteiligten!

[quote=“awesomerobot, Beitrag:17, Thema:32787”]
Ich würde es auch gerne für „assign

6 „Gefällt mir“