Commit graph

52 commits

Author SHA1 Message Date
Jane
68884d9afa Use <details> element for sensitive text
The sensitive text feature was implemented with <label> and hidden
checkbox <input> elements. There were two issues with this
implementation:
1. The user couldn't navigate to the "show/hide more" button using
   keyboard.
2. The label indicates two actions at the same time ("show/hide more"),
   making it unclear what the function of the checkbox was and what the
   current show/collapse state was.

As it is generally preferrable to use built-in HTML elements for the
best semantic, this commit moves to use the <details> and <summary>
elements for the sensitive text feature. The browser will open/collapse
the content in <details> automatically when the user clicks on the
<summary>, and keyboard navigation support is built-in.

This commit also changes the button to display "show more" or "show
less" depending on the state for visual clarity. This button is hidden
from the accessibility tree using `aria-label="false"`, as the <details>
element already exposes its state to the tree and we want to avoid
duplicated information.

A few caveats:
* The "show/hide sensitive content" button for sensitive attachments
  hasn't been changed yet as I'd like to get more feedback about the new
  implementation.
* As the summary/content warning text itself is also part of the
  <summary> tag, the user can now also click on them to toggle the
  visibility of the sensitive text. This may not be desirable as the
  current interface does not make it clear that this could happen; the
  user may try to select some text from the summary and be surprised
  by the sensitive text being expanded. One way to improve this would
  be to add an event listener to the summary text and call
  `preventDefault`, but this would introduce JavaScript code.
2022-11-30 12:26:34 +01:00
Thomas Sileo
d36102255f Merge branch 'v2' into indieweb-merge-part2 2022-11-20 10:48:43 +01:00
Thomas Sileo
cdbc545d5e Add a flag on new notifications 2022-11-20 10:13:17 +01:00
Thomas Sileo
9ee3f3b971 More progess on webmention replies 2022-11-19 08:12:33 +01:00
Thomas Sileo
d96ec913d4 Add support for displaying events from Mobilizon 2022-11-07 20:35:23 +01:00
Thomas Sileo
5a20b9d23a More CSS tweaks for the in reply to section 2022-10-03 20:05:06 +02:00
Thomas Sileo
919a61f75d Tweak in reply to link 2022-10-03 19:21:08 +02:00
Miguel Jacq
7faa4655f8 Make 'in reply to' more user-friendly by hiding the URL behind object type 2022-10-03 19:12:28 +02:00
Thomas Sileo
cb5d21baeb More admin profile related tweaks 2022-09-21 21:00:17 +02:00
Thomas Sileo
6873ede288 Tweak CSS 2022-09-20 20:00:35 +02:00
Thomas Sileo
b99552384c Improve expired session and CSRF error handling 2022-09-16 18:14:50 +02:00
Thomas Sileo
ebdba62a06 No more inline CSS 2022-08-29 21:42:54 +02:00
Thomas Sileo
39ca3ed7e2 Revert CSS changes 2022-08-28 19:53:11 +02:00
Thomas Sileo
c67db749dc Tweak CSS 2022-08-28 19:35:51 +02:00
Thomas Sileo
87f035d298 HTML error page 2022-08-28 17:36:58 +02:00
Thomas Sileo
e959085d38 Improve shares on homepage 2022-08-27 09:14:16 +02:00
Thomas Sileo
505abd7da8 Only display tiny actor icon for shares 2022-08-26 07:57:10 +02:00
Thomas Sileo
63073279e1 More actor icons 2022-08-26 07:43:39 +02:00
Thomas Sileo
d43bf54609 Custom footer support 2022-08-24 21:18:30 +02:00
Thomas Sileo
ce15d2b0c3 HTML error for failed admin login 2022-08-22 18:50:20 +02:00
Thomas Sileo
59688ad5f6 Improve show more and show sensitive attachments 2022-08-13 15:20:56 +02:00
Thomas Sileo
e8397f802d Add support for profile metadata 2022-08-10 08:58:18 +02:00
Thomas Sileo
6d2db24c33 Improve theming support 2022-08-04 19:10:57 +02:00
Thomas Sileo
6395a75b6e Better blockquote styling 2022-08-03 19:53:55 +02:00
Thomas Sileo
fe9e4eebf4 Fix footer 2022-07-29 23:17:02 +02:00
Thomas Sileo
6207af66bd More CSS tweaks 2022-07-29 21:35:02 +02:00
Thomas Sileo
1299f49884 Tweak CSS 2022-07-29 21:26:19 +02:00
Thomas Sileo
583fd5f3d4 Fix footer in templates 2022-07-29 21:01:45 +02:00
Thomas Sileo
c07d17ba9b Add error handling for admin lookups 2022-07-26 18:51:20 +02:00
Thomas Sileo
24f3f94056 Start support for authoring articles 2022-07-25 22:51:53 +02:00
Thomas Sileo
25fcb7e57c Add support for displaying Question objects 2022-07-22 18:55:24 +02:00
Thomas Sileo
d38fec6570 Improve/tweak templates 2022-07-15 20:01:55 +02:00
Thomas Sileo
61c3c3e214 More design tweaks 2022-07-14 19:05:45 +02:00
Thomas Sileo
c32bcdad8e Improve CSS 2022-07-14 18:40:38 +02:00
Thomas Sileo
9ada12d1e3 Fix CSS 2022-07-14 16:31:16 +02:00
Thomas Sileo
3abeab088f Tweak default theme 2022-07-14 15:33:40 +02:00
Thomas Sileo
c8e0c813b5 Fix inline img support in object 2022-07-14 15:16:58 +02:00
Thomas Sileo
9733c0b5c8 Improve code highlight 2022-07-12 22:24:15 +02:00
Thomas Sileo
d32a56e38d CSS tweaks for code highlighting 2022-07-12 19:52:29 +02:00
Thomas Sileo
beca3db5d1 Tweak design/CSS 2022-07-09 08:15:33 +02:00
Thomas Sileo
dfe7d692e3 Bugfixes and cleanup 2022-07-07 20:37:16 +02:00
Thomas Sileo
e6066cb212 Various bugfixes 2022-07-05 08:14:50 +02:00
Thomas Sileo
8bd86a8efe Fix CSS 2022-07-04 21:13:04 +02:00
Thomas Sileo
a4ac3e3bc8 Theming support 2022-07-04 20:49:23 +02:00
Thomas Sileo
d18bf7c7d5 Allow code highlight for notes 2022-07-04 19:43:37 +02:00
Thomas Sileo
fbaf40a6ac Admin fixes and design tweaks 2022-07-03 22:42:14 +02:00
Thomas Sileo
45dc57b538 Admin improvements and design tweaks 2022-07-03 22:01:47 +02:00
Thomas Sileo
d164d6d2dd Tweak design and AP tag supports 2022-07-01 19:35:34 +02:00
Thomas Sileo
09ce33579a Custom emoji support 2022-06-27 20:55:44 +02:00
Thomas Sileo
4bf54c7040 Improved audience support and implement featured collection 2022-06-26 18:07:55 +02:00