Fossil

Check-in [bb333b0bd9]
Login

Check-in [bb333b0bd9]

Many hyperlinks are disabled.
Use anonymous login to enable hyperlinks.

Overview
Comment:Expand/collapse toggle is no longer 100% wide.
Downloads: Tarball | ZIP archive
Timelines: family | ancestors | descendants | both | forum-expand-poc
Files: files | file ages | folders
SHA3-256: bb333b0bd924afa788ec11d6ca2c684efc3b41726f354aa3673b5a10d09e473c
User & Date: stephan 2020-07-09 15:59:06.725
Context
2020-07-09
17:36
/forumthread: dynamically determine which posts have scrollbars (i.e. are taller than div.forumPostBody's max-height) and only add the expand/collapse toggle to those posts. ... (check-in: 1d467dcb71 user: stephan tags: forum-expand-poc)
15:59
Expand/collapse toggle is no longer 100% wide. ... (check-in: bb333b0bd9 user: stephan tags: forum-expand-poc)
15:35
Very rough proof-of-concept for a pure-CSS expand/collapse option for forum posts. Demonstrates the capability but is far from polished enough to bring online. ... (check-in: be157e46f0 user: stephan tags: forum-expand-poc)
Changes
Unified Diff Ignore Whitespace Patch
Changes to src/default.css.
︙︙
789
790
791
792
793
794
795

796
797
798
799
800
801
802
803

input[type=checkbox].forum-post-collapser:checked ~ label.forum-post-collapser::before {
  content: "Collapse";
}
input[type=checkbox].forum-post-collapser:not(:checked) ~ label.forum-post-collapser::before {
  content: "Expand";
}
label.forum-post-collapser {

  display: block;
  border: 1px outset;
  border-radius: 0.25em;
}
input[type=checkbox].forum-post-collapser:not(:checked) ~ div.forumPostBody {
  max-height: 10em;
}
input[type=checkbox].forum-post-collapser:checked ~ div.forumPostBody {








>
|








789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804

input[type=checkbox].forum-post-collapser:checked ~ label.forum-post-collapser::before {
  content: "Collapse";
}
input[type=checkbox].forum-post-collapser:not(:checked) ~ label.forum-post-collapser::before {
  content: "Expand";
}
label.forum-post-collapser {
  align-self: flex-start;
  padding: 0.1em 0.5em;
  border: 1px outset;
  border-radius: 0.25em;
}
input[type=checkbox].forum-post-collapser:not(:checked) ~ div.forumPostBody {
  max-height: 10em;
}
input[type=checkbox].forum-post-collapser:checked ~ div.forumPostBody {
︙︙