Make the page comments section collapsable

[Kristina Hoeppner]

Page comments at the bottom of the page can take up quite a bit of space. It's a very prominent section though portfolio authors said they'd often prefer not to see the form and the comments all the time.

We should turn the comments section at the bottom of the page into a collapsable card so that everything within it is only visible when expanded.

A few things to note:

- Ideally, the number of comments is mentioned in the card header when collapsed so that viewers are promoted to click it since there are comments.
- The general rules of the comments still apply, i.e. the section is only visible when comments are allowed or for those people for whom they are allowed.
- On a page load, the comments section is loaded collapsed.
- The 'Comments' block is not affected. There, the normal retractable block rules apply.
- Screen reader accessible -> ideally use markup we are already using elsewhere / newly using elsewhere

[Mahara Bot (dev-mahara)]

Patch for "master" branch: https://reviews.mahara.org/12046

[Mahara Bot (dev-mahara)]

Patch for "master" branch: https://reviews.mahara.org/12067

[Mahara Bot (dev-mahara)]

Patch for "main" branch: https://reviews.mahara.org/12139

[Mahara Bot (dev-mahara)]

Patch for "main" branch: https://reviews.mahara.org/12138

[Mahara Bot (dev-mahara)]

Patch for "main" branch: https://reviews.mahara.org/12152

[Mahara Bot (dev-mahara)]

Reviewed: https://reviews.mahara.org/12152
Committed: https://git.mahara.org/mahara/mahara/commit/1a616442f938f74b8787c3779c213446d5b53446
Submitter: Robert Lyon (<email address hidden>)
Branch: main

commit 1a616442f938f74b8787c3779c213446d5b53446
Author: Evonne <email address hidden>
Date: Mon Oct 18 12:12:06 2021 +1300

Bug 1944420 Fix collapsible comments styling

behatnotneeded

Change-Id: I09f2f9c274c6a2ce7ed564efa73a439fd4c1b437

[Mahara Bot (dev-mahara)]

Reviewed: https://reviews.mahara.org/12138
Committed: https://git.mahara.org/mahara/mahara/commit/fc14017b6837c0dcccb55bafa2c8c369828bcca9
Submitter: Robert Lyon (<email address hidden>)
Branch: main

commit fc14017b6837c0dcccb55bafa2c8c369828bcca9
Author: Dianne Tennent <email address hidden>
Date: Thu Sep 30 16:14:35 2021 +1300

Bug 1944420: Make comments at base of page collapsible

Also display comment count and icon in card header
and remove from paginator. Evonne to look at
styling.

Change-Id: I45732feed2b69b3148552f2c92fbae4de55b983a

[Mahara Bot (dev-mahara)]

Patch for "21.10_DEV" branch: https://reviews.mahara.org/12177

[Mahara Bot (dev-mahara)]

Reviewed: https://reviews.mahara.org/12177
Committed: https://git.mahara.org/mahara/mahara/commit/6fef619cc023a492ce5f5d67713f834b8d54fead
Submitter: Robert Lyon (<email address hidden>)
Branch: 21.10_DEV

commit 6fef619cc023a492ce5f5d67713f834b8d54fead
Author: Dianne Tennent <email address hidden>
Date: Thu Sep 30 16:14:35 2021 +1300

Bug 1944420: Make comments at base of page collapsible

Also display comment count and icon in card header
and remove from paginator. Evonne to look at
styling.

Change-Id: I45732feed2b69b3148552f2c92fbae4de55b983a
(cherry picked from commit fc14017b6837c0dcccb55bafa2c8c369828bcca9)

[Mahara Bot (dev-mahara)]

Patch for "21.10_DEV" branch: https://reviews.mahara.org/12179

[Mahara Bot (dev-mahara)]

Reviewed: https://reviews.mahara.org/12179
Committed: https://git.mahara.org/mahara/mahara/commit/72fa558acf17f02b3be7f7c61eeb872b0c632bbf
Submitter: Robert Lyon (<email address hidden>)
Branch: 21.10_DEV

commit 72fa558acf17f02b3be7f7c61eeb872b0c632bbf
Author: Evonne <email address hidden>
Date: Mon Oct 18 12:12:06 2021 +1300

Bug 1944420 Fix collapsible comments styling

behatnotneeded

Change-Id: I09f2f9c274c6a2ce7ed564efa73a439fd4c1b437
(cherry picked from commit 1a616442f938f74b8787c3779c213446d5b53446)