13.json (5322B)
1 { 2 "number": 13, 3 "title": "Redesign", 4 "state": "open", 5 "author": "MTRNord", 6 "created_at": "2020-06-03T16:42:42Z", 7 "closed_at": null, 8 "labels": [ 9 "enhancement", 10 "Design" 11 ], 12 "assignees": [ 13 "MTRNord" 14 ], 15 "body": "Content will come in a few hours/days. This is a placeholder\r\n\r\nNotes/TODOs\r\n\r\n- [x] Login Page\r\n- [ ] Settings\r\n - [ ] Global Settings\r\n - [ ] Theme Settings\r\n - [ ] Custom accent color\r\n - [ ] Username/Avatar Settings\r\n - [ ] Devices\r\n - [ ] Logout\r\n - [ ] ...\r\n - [ ] Room Settings\r\n- [x] Creating Rooms\r\n- [ ] Member List\r\n- [ ] Communities List (Vertical and Horizontal Option)\r\n- [ ] Allow more compact UI (no last message in room list, ...)\r\n- [x] Timeline\r\n - [ ] Events\r\n - [x] Text Event\r\n - [x] Replies Event\r\n - [ ] Image Event\r\n - [ ] Video Event\r\n - [ ] File Event\r\n - [ ] Notice Event\r\n - [ ] State Events\r\n - [ ] Membership Events\r\n - [ ] Profile Data Change Events\r\n - [x] Reaction Event\r\n - [ ] Redaction Event\r\n - [x] Encrypted Event\r\n- [ ] Allow using current theme too after new design is deployed\r\n- [ ] ....", 16 "comments": [ 17 { 18 "author": "MTRNord", 19 "created_at": "2020-06-15T18:14:45Z", 20 "body": "Notes from Ludwig in #matrix-design:matrix.org:\r\n\r\n\r\n1. redesigned Daydream Login screen:\r\n\r\n* I really like the blurry picture in the background!\r\n* I don't like the red title. It's readable, but the color doesn't work with the background, and the font is used in no other place.\r\n* I like how the sign-in button lifts up on mouseover!\r\n* When showing an error message, the whole page grows in size, it no longer fits my screen. Have a dedicated space for error messages from the beginning! You could push the input fields closer together to make room.\r\n* The homeserver field shows HTTP, when really it should probably use HTTPS. Which one is it? Also, if you expect the \"https://\" prefix, you should probably pre-fill the field with it.\r\n* Where you say MXID, it should be user name, right? Or, if I'm supposed to specify my whole mxid, You could get rid of the homeserver field.\r\n\r\n2. Loading animation:\r\n\r\n* Very cute! Keep that!\r\n* If the login fails, or the server doesn't exist, let the user know! I just got a neverending loading animation the first time. (blocked by sdk limits currently but reported)\r\n\r\n3. Daydream main interface (before looking at the issue list):\r\n\r\n* Overall, it looks \"clean and simple\", that's not a bad thing! It conflicts with the \"nature\" login screen and the \"playful\" loading animation, though. You probably want to chose a style and then stick to it for the entire client\r\n* After login, there is no content in the middle of the screen, which makes it feel too empty. Maybe put your loading mascot there, saying \"Welcome to Daydream! Select a Room from the room list to start chatting!\"\r\n* For longer room titles, hovering on them in the room list makes them bold, so they extend to multiple lines, which causes everything to lose its place. Maybe add a marker (like a black dot) in front or the title instead of making it bold.\r\n* The Room filter works great and just as expected! But, in German at least, it cuts of the hint text too early.\r\n* Light mode/Dark mode works great, but the slider is again in a different style.\r\n\r\n4. Daydream: The actual chat:\r\n\r\n* There could be a divider between the room title and the chat, just to explain that the title whitespace will cover up the chat content.\r\n* Chat rendering looks fine, but please limit the maximum width of text. ~80 characters should be good, if the lines get too long it's easy to lose your place on a large screen.\r\n* Similarly, limit the size of pictures and videos to much smaller boxes (the height of a few messages), so they don't take over the whole screen\r\n* I would start the message text below the username, not to the right of it, simply because that's more consistent. Maybe make the username a bit smaller( same size as room name in room list)\r\n* Also, the messages feel disconnected. I would prefer less vertical whitespace.\r\n* on i.e. this message, the list item markers don't render\r\n* As a last point, it would be awesome if I could draft multi-line messages using shift+enter!\r\n\r\n5. I just noticed that you have an image viewer already in place, nice!\r\nFor that I have to offer:\r\n\r\n* try a fade to grey instead of the backdrop moving in from the top.\r\n* The picture could start growing from the size and place it is currently displayed at\r\n* Try making the animations twice as fast, so it feels a bit more snappy!\r\n\r\n" 21 }, 22 { 23 "author": "MTRNord", 24 "created_at": "2020-07-01T18:57:22Z", 25 "body": "### Memberlist:\r\n\r\n> // order by presence, with \"active now\" first.\r\n> // ...and then by power level\r\n> // ...and then by last active\r\n> // ...and then alphabetically.\r\n> // We could tiebreak instead by \"last recently spoken in this room\" if we wanted to.\r\n\r\nFrom: https://github.com/matrix-org/matrix-react-sdk/blob/9aff2e836e5d2459e28fdb4af823be4f7441b3f0/src/components/views/rooms/MemberList.js#L295" 26 } 27 ] 28 }