Many hyperlinks are disabled.
Use anonymous login
to enable hyperlinks.
Overview
| Comment: | For expanded view, use max-height:initial instead of some arbitrarily large value. That will effectively disable max-height. Change the pointer for the expand toggle to 'cursor'. |
|---|---|
| Downloads: | Tarball | ZIP archive |
| Timelines: | family | ancestors | descendants | both | forum-expand-poc |
| Files: | files | file ages | folders |
| SHA3-256: |
c824d1dc3e1c3fd52697672044454560 |
| User & Date: | stephan 2020-07-09 18:06:44.065 |
Context
|
2020-07-09
| ||
| 18:31 | Moved expand/collapse toggle to the bottom of the post, per forum feedback. That required changing it to a button because of CSS limitations. Fixed a few mis-used P tags in the FORM part of each post (P cannot hold a FORM). ... (Closed-Leaf check-in: eb392f9719 user: stephan tags: forum-expand-poc) | |
| 18:06 | For expanded view, use max-height:initial instead of some arbitrarily large value. That will effectively disable max-height. Change the pointer for the expand toggle to 'cursor'. ... (check-in: c824d1dc3e user: stephan tags: forum-expand-poc) | |
| 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) | |
Changes
Changes to src/default.css.
| ︙ | ︙ | |||
796 797 798 799 800 801 802 803 804 |
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:checked ~ div.forumPostBody {
| > | | 796 797 798 799 800 801 802 803 804 805 806 807 808 809 810 811 812 813 |
content: "Expand";
}
label.forum-post-collapser {
align-self: flex-start;
padding: 0.1em 0.5em;
border: 1px outset;
border-radius: 0.25em;
cursor: pointer;
}
input[type=checkbox].forum-post-collapser:checked ~ div.forumPostBody {
max-height: initial;
}
#capabilitySummary {
text-align: center;
}
#capabilitySummary td {
padding-left: 3ex;
|
| ︙ | ︙ |