Commit Graph

47 Commits

Author SHA1 Message Date
Matthew Wild
c63b95c6e0 Align avatar flush with left edge of container 2023-12-08 11:42:30 +00:00
Matthew Wild
6848691141 css: Remove avatar border and round the edges to match the app 2023-12-08 11:42:03 +00:00
Matthew Wild
35e6bec328 Improvements for admin user listing view 2023-12-08 11:11:31 +00:00
Matthew Wild
d345f0d98d css: Fix dark mode contrast issue for legend text 2023-12-08 11:11:02 +00:00
Kim Alvefur
7a4b56914c Switch to sassc for CSS building
Because https://github.com/Kronuz/pyScss/pull/426 is not yet in a
release, also just look at the diffstat!
2023-08-02 22:35:32 +02:00
Jonas Schäfer
2e224d96ce Remove XMPP URI QR code
At the same time, we can also drop the CSS used for that makeshift tab
box. I always felt a bit uneasy about it, a11y-wise, so it's good
riddance.

Fixes #99.
2022-06-07 22:31:40 +02:00
Jonas Schäfer
ea7ed7c030 Add support for roles
Requires patches to prosody trunk which have been submitted
already (2021-03-22) which introduce the set_roles function on
usermanager.

Fixes #42.
2021-03-25 17:31:56 +01:00
Jonas Schäfer
a6b67b3fdd Improve install button layout on narrow screens
This allows the button container to add line breaks between the
buttons when necessary.
2021-03-20 16:20:05 +01:00
Jonas Schäfer
885db355ab Add F-Droid download button
Using the mechanism introduced for iOS to describe the multi-step
process.

Fixes #52.
2021-03-20 16:15:20 +01:00
Jonas Schäfer
8a8d4c54bd Collapse the logout button text on narrow displays
This prevents ugly line wraps on long site names
2021-02-09 16:44:50 +01:00
Jonas Schäfer
9876e42fb7 Add support for a flash message sidebar 2021-02-06 12:00:45 +01:00
Jonas Schäfer
961f285fa5 Add trademark info to the footer
Fixes #45.
2021-02-03 18:55:22 +01:00
Jonas Schäfer
7456295cb6 Make title red if running in debug
This (a) helps developers to not accidentally their production
server and (b) deters user from letting it run that way for long.
2021-02-03 18:50:36 +01:00
Jonas Schäfer
f19270b276 Fix dark mode
Fixes #43.
2021-01-31 10:34:45 +01:00
Jonas Schäfer
9612926230 Address a bunch of accessibility issues
- Add missing labels for form fields
- Improve contrast slightly
- Remove incorrect aria-label= and title= attributes
- Use fieldset for radio button groups
2021-01-29 15:58:54 +01:00
Jonas Schäfer
57adf0c679 Fix dark mode
It was broken after the welcome card refactor.
2021-01-29 15:58:54 +01:00
Jonas Schäfer
f4348600e2 Minor tweak to user profile home card
This aligns the buttons of the two cards and also the aspect
ratio becomes a tad nicer.
2021-01-28 20:10:18 +01:00
Jonas Schäfer
205b0173a7 Revamp the welcome screen for a hopefully final iteration 2021-01-28 18:53:03 +01:00
Jonas Schäfer
af61705482 Iterate further on the welcome page 2021-01-28 18:53:03 +01:00
Jonas Schäfer
46c7b3be11 Relayout the "welcome" screens again
Grouping the buttons together with the text for easier grasping
what they relate to and moving them to the bottom.
2021-01-28 18:53:03 +01:00
Jonas Schäfer
547286b2e3 Fix path to snikket logo 2021-01-28 18:53:03 +01:00
Jonas Schäfer
f68db94d91 Redo the welcome navigation
Tester feedback suggested that it looks really content-heavy,
more like blogpost previews or something like that. We now move
to a clear, recognizable "action button with description" style
using the already prominent primary colour.
2021-01-28 18:53:03 +01:00
Jonas Schäfer
16da296f79 Tweak colours slightly
- Make them warmer overall
- Fix tone in the upper yellows
2021-01-28 18:53:03 +01:00
Jonas Schäfer
c2126419d4 Add support for tooltips in CSS 2021-01-28 16:15:38 +01:00
Jonas Schäfer
c3ce7d9f3a Left-align table headers
This lets the layout look less ragged.
2021-01-27 17:16:30 +01:00
Jonas Schäfer
4d0ba8ef9a Tweak form layout
- Use boldface for labels
- Use the equivalent of h4 for the heading
- Indent checkbox/radio choices
2021-01-27 17:16:30 +01:00
Jonas Schäfer
c1132ae975 Implement invite flow in the web portal
This allows us to translate the pages using the same tooling and
to have consistent theming.
2021-01-25 17:10:42 +01:00
Jonas Schäfer
b55e7eb966 Add dark mode
Fixes #28.
2021-01-21 18:39:07 +01:00
Jonas Schäfer
b6188ed29f Add button to export debug info of a user 2021-01-21 18:09:57 +01:00
Jonas Schäfer
f363ff0b38 Fix error handling
Previously, some kinds of errors would throw nice and fun cascades
of exceptions.

We now have a nice, clean error page for 500 and 503 (backend
connectivity) errors which includes minimal debugging information
for productive setups and a traceback for development setups.

In any case, the full exception is logged to the log with an error
ID which is printed on the error page.
2021-01-21 18:09:55 +01:00
Jonas Schäfer
17efe53106 Implement group support (we call ’em circles) 2021-01-21 16:55:10 +01:00
Jonas Schäfer
c1dbec51ab Use icons instead of Unicode symbols for buttons
Fixes #26.
2021-01-18 17:35:03 +01:00
Jonas Schäfer
16f990f475 Fix line height of link buttons to be the same as input buttons
Fixes #27.
2021-01-17 20:27:44 +01:00
Jonas Schäfer
1b6d340d49 Modify invitation layout
- Make URLs easily copyable
- Do not show XMPP URI
2021-01-17 20:13:05 +01:00
Jonas Schäfer
427f73811c Add support for modifying profile access model
Fixes #17.
2021-01-17 20:12:01 +01:00
Jonas Schäfer
fce7b9a637 Move footer to the bottom if content is not larger than viewport 2021-01-17 20:11:26 +01:00
Jonas Schäfer
e476d9b7c2 Implement admin dashboard
Fixes #23.
2021-01-17 20:10:04 +01:00
Jonas Schäfer
6660fe76ea Extend and improve stylesheet
- Support for blockquotes
- Support for lists (ol, ul)
- Make tertiary buttons more obvious by using an underline
- Extend demo to showcase new features
2021-01-16 15:16:04 +01:00
Jonas Schäfer
00f678a86f Redefine box styles to be independent of primary/accent for semantics 2021-01-16 15:16:04 +01:00
Jonas Schäfer
a88c5b92dd Introduce layer of abstraction in colour definition
The raw values now map to names describing their hue. Only when
mapping them to variable names, we assign semantic meaning. This
allows easy re-use of colour values between different semantic
meanings and changing e.g. accent vs. primary without affecting
the use as warning.
2021-01-16 15:16:04 +01:00
Jonas Schäfer
ba6ed22de0 Tweak the font sizes on the login page a little
It’s nicer if the domain name is larger than the main text.
2020-04-30 16:14:14 +02:00
Jonas Schäfer
5ee2d97eb6 Implement support for shim avatar display 2020-03-07 13:11:43 +01:00
Jonas Schäfer
c902c59f8b Implement support for avatars 2020-03-07 12:38:17 +01:00
Jonas Schäfer
6e47c8141c Revamp home screen 2020-03-07 11:16:39 +01:00
Jonas Schäfer
513cb0949b Remove obsolete login.scss 2020-03-07 11:05:45 +01:00
Jonas Schäfer
0cad2b0306 Reorganise SCSS files
This allows us to include _theme to get all the variables. The
idea is that we may, in the future, be able to use a few different
CSS files if we have complex (= large) features which are only
needed rarely.
2020-03-07 11:04:47 +01:00
Jonas Schäfer
e985fe9c61 Design foundations
- Create a colour palette
- Create a sizing schema for paddings and fonts
- Implement basic form controls
- Create a theme demo page
- Apply the theme to the existing pages.

Still TODO is the final font selection.
2020-03-05 18:43:52 +01:00