paper-plane icon indicating copy to clipboard operation
paper-plane copied to clipboard

Published 20 hours ago • verified publisher icon paper-plane-developers

Preferences window designs

Open melix99 opened this issue 2 years ago • 4 comments

This is a tracking issue for implementing a full featured preferences window. This only serves the purpose of discussing and creating designs. If you want to work on implementing something specific here, please open a new issue first.

Each section includes a zip archive with UI and CSS files used to create the designs. These can be used as a base for the implementation, but keep in mind that these designs were created using Workbench, so they probably require some changes to be correctly implemented in the app.

This issue will be updated every time new designs are created or updated. I'll try to write comments to highlight the changes for each edit.

Main Page

TODO

  • Upload assets

main main_search

Privacy & Security

Assets

privacy_security.zip

privacy_security

Privacy & Security → Sessions

Assets

sessions.zip sessions_edit.zip

sessions sessions_edit

Appearance

TODO

  • Upload assets
  • Change text messages, since they are copied from the official app
  • Improve visibility of the selected theme

appearance appearance_2

melix99 avatar Aug 13 '22 17:08 melix99

These mockups looks amazing 👍 Telegrand is going to offer really close experience to the official client

just-carlod avatar Aug 13 '22 17:08 just-carlod

Looks good. Is it possible to add a search/filter entry? I often spend too much time searching for a specific option in preferences dialogs.

marhkb avatar Aug 13 '22 20:08 marhkb

Is it possible to add a search/filter entry?

Yes, it's totally possible. We can use AdwPreferences* APIs everywhere and just copy what AdwPreferencesWindow does for searching (we can't use that directly because it only shows pages in an AdwViewSwitcher, which is definitely not suitable for our use case where we have lots of pages and subpages). I'll update the mockups tomorrow/later today.

melix99 avatar Aug 13 '22 23:08 melix99

UPDATE

Added initial "Appearance" page design with support for theme selection and added search functionality to the main page. For some reason GitHub refuses to upload the new zip files and gives a generic error. I think this is temporary error, I'll add them once this is fixed.

BTW if you have suggestions for the placeholder messages in the "Appearance" page, feel free to leave a comment!

melix99 avatar Aug 14 '22 16:08 melix99

I'm slowly moving everything in https://github.com/melix99/telegrand-designs since it's easier to manage , so I'll close this one. New issues about what to implement will be opened when I'm 100% happy with the designs.

melix99 avatar Feb 21 '23 16:02 melix99