project: Moodle
summary: Clean as default in 2.7
description: The goal of this issue is to contain all issues that need to be resolved to use Clean as default. Current brainstorming about "Clean as default" can be found there: At the moment this issue is listing all issues related to Clean. List of these epic issues by priority: What should be done: 1- go through the list and prioritize the issues 2- withdraw the issues that are minor/trivial 3- add missing issues from brainstorming

1.summary: Clean up all the themes shipping in 2.7 by removing some from core
description: Moodle 2.7 contains two "base" themes that developers are maintaining: base: the old deprecated base theme with minimal CSS to be functional. bootstrapbase: the new responsive base theme with minimal CSS to be functional. As well as this theme that a lot of community themes use as a parent theme: canvas: created by New School Learning but no longer maintained much None of the above themes are selectable for use as themes themselves. Moodle 2.7 will have two selectable themes based on bootstrapbase: clean: as default, implementing almost pure bootstrapbase and to provide an clonable example of a basic theme more: to allow basic admins to make simple tweaks to colours, images and CSS from UI without needing to touch files. Everything else should be removed and put into github.com as public projects (if anyone wants to maintain them) and moodle.org/plugins for download: afterburner anomaly arialist binarius boxxie brick formal_white formfactor fusion leatherbound magazine nimble nonzero overlay serenity sky_high splash standard standardold
2.summary: "More" - a new theme like Clean but with more customisation settings in the UI
description: User pain Not easy to quickly brand your site Target Organisation without the technical resources to customize a theme (any medium/small sites) Objective Being able to set the basics (background colour, text colour, link colour, logo) through the UI. Task compile LESS from PHP More thought about it:
3.summary: Popup as File picker/Activity chooser should be mobile friendly
description: At the moment the file picker has many issues that make it not mobile friendly: button, icon, text, everything is quite small the popup should be static, fill the entire screen, ... there is no need to restrict the file picker to a portion of the screen neither it needs to be drag around the screen. the upload form is displayed by default but there is no need to display it. On mobile the user should click on the repository upload and it triggers the OS picker then the file form is displayed and filled up with the picked file info. ... Obviously all this need specs first as it needs some brainstorming on the user behaviors/expectation and it also implies some technical challenges.
4.summary: Improvement: have the header on bootstrapbase remain onscreen when scrolling on mobile devices.
description: Hi, I found that the header menu moves away by scrolling the window content when the width is small. I think that the header menu should always stay at the top of a window. Ralf
5.summary: Cannot dock blocks with Bootstrapbase/clean theme
description: I suspect this is intentional behaviour. It may have been discussed and there may be reasoning for this. I thought I would report this distinction here in case no one had noticed and it was not previously discussed.
6.summary: META: Re-integrate mod CSS excluded from Bootstrapbase
description: The Bootstrapbase config.php file currently excludes two style.css sheets coming from the HTML block and the grader report plugins. (There also used to be navigation and settings blocks but the changes were rolled back before 2.5 final) This was done because the CSS coming from these files was tricky to overrule. Actually the HTML block one is actually very simple. The only reason its was done like this was because it shared code with the settings and navigation blocks, but those changes were rolled back. The grader one however might take some more effort. Any shared CSS should be in the styles.css file and theme dependent stuff moved to either Base or Bootstrapbase. It could also just generally be tidied up at the same time, since it has duplication and rules for IE6, 7 etc.
7.summary: Make the text editors mobile friendly
description: It would be user friendly to display tinymce and other editor in full screen on mobile devices. a) moodle detects its running on a mobile device b) The forms only display a readonly lookalike textaera instead of text editors. Clicking on the read only lookalike textarea display tinymce in fullscreenmode (not movable, not resizable). Im not sure if its technically possible (when probably can hide tinymce then unhide it on the top of the all page - we would just need some button DONE/CANCEL) Tackling this issue will help to resolve other existing tracker issues about the annoying screen zoom, scrolling, images outside the screen, smallish button...
8.summary: ADD a side-post-only layout to Bootstrapbase
description: Since was integrated we are now being asked in the Themes forum how to have a side-post-only theme. None of the layouts provided in Bootstrapbase cater for a side-post-only layout. Sure the three columns3.php will do the job, but runs the risk of allowing blocks on the left (side-pre) when none are required there and that only side-post should be the default region.
9.summary: POLICY: Make Clean theme the default for Moodle 2.7
description: If clean is to be the default theme for 2.7 we should collect all the outstanding fixes required and make a push to get it ready.
10.summary: File manager form elements size
description: When adding a file to a file manager the size of the form elements seems a bit weird
11.summary: Mobile: scroll down the activity chooser, the course page is also scroll down.
description: Android 4.4.2 - Nexus 4 - bootstrap Scroll multiple time down on the activity chooser. Press cancel. The course page has been scrolled down. The user doesnt know where he is anymore. PS: maybe its a specific OS/Phone issue that will get fix automatically later, just check how many phones/OS are impacted and if its worh to fix it.
12.summary: Make Clean as the default theme in 2.7.
description: Clean needs to be the default theme in 2.7. Resolving this issue is most likely impacted by
13.summary: Remove nowrap from .flexible th
description: One of Moodles routines for creating table markup adds a .flexible class to the table, and the core CSS then adds whitespace: nowrap to the table headers. This is obviously intended to make the headers look neater on big screens, but makes the tables harder to view on small screens.

Below is an instruction that describes a task, paired with an input that provides an epic with this format: 
"project": "Name of the project" 
"summary": "Summary of the epic user story" 
"description": "Description of the epic user story". Write a response that appropriately completes the request.### Instruction:
Break this epic user story into smaller tasks to help the developers understand the epic better, you can divide this epic into as much as you want depending on the complexity of the epic.
### Input:
project: Moodle
summary: Clean as default in 2.7
description: The goal of this issue is to contain all issues that need to be resolved to use Clean as default. Current brainstorming about "Clean as default" can be found there: At the moment this issue is listing all issues related to Clean. List of these epic issues by priority: What should be done: 1- go through the list and prioritize the issues 2- withdraw the issues that are minor/trivial 3- add missing issues from brainstorming

### Response:
1.summary: Clean up all the themes shipping in 2.7 by removing some from core
description: Moodle 2.7 contains two "base" themes that developers are maintaining: base: the old deprecated base theme with minimal CSS to be functional. bootstrapbase: the new responsive base theme with minimal CSS to be functional. As well as this theme that a lot of community themes use as a parent theme: canvas: created by New School Learning but no longer maintained much None of the above themes are selectable for use as themes themselves. Moodle 2.7 will have two selectable themes based on bootstrapbase: clean: as default, implementing almost pure bootstrapbase and to provide an clonable example of a basic theme more: to allow basic admins to make simple tweaks to colours, images and CSS from UI without needing to touch files. Everything else should be removed and put into github.com as public projects (if anyone wants to maintain them) and moodle.org/plugins for download: afterburner anomaly arialist binarius boxxie brick formal_white formfactor fusion leatherbound magazine nimble nonzero overlay serenity sky_high splash standard standardold
2.summary: "More" - a new theme like Clean but with more customisation settings in the UI
description: User pain Not easy to quickly brand your site Target Organisation without the technical resources to customize a theme (any medium/small sites) Objective Being able to set the basics (background colour, text colour, link colour, logo) through the UI. Task compile LESS from PHP More thought about it:
3.summary: Popup as File picker/Activity chooser should be mobile friendly
description: At the moment the file picker has many issues that make it not mobile friendly: button, icon, text, everything is quite small the popup should be static, fill the entire screen, ... there is no need to restrict the file picker to a portion of the screen neither it needs to be drag around the screen. the upload form is displayed by default but there is no need to display it. On mobile the user should click on the repository upload and it triggers the OS picker then the file form is displayed and filled up with the picked file info. ... Obviously all this need specs first as it needs some brainstorming on the user behaviors/expectation and it also implies some technical challenges.
4.summary: Improvement: have the header on bootstrapbase remain onscreen when scrolling on mobile devices.
description: Hi, I found that the header menu moves away by scrolling the window content when the width is small. I think that the header menu should always stay at the top of a window. Ralf
5.summary: Cannot dock blocks with Bootstrapbase/clean theme
description: I suspect this is intentional behaviour. It may have been discussed and there may be reasoning for this. I thought I would report this distinction here in case no one had noticed and it was not previously discussed.
6.summary: META: Re-integrate mod CSS excluded from Bootstrapbase
description: The Bootstrapbase config.php file currently excludes two style.css sheets coming from the HTML block and the grader report plugins. (There also used to be navigation and settings blocks but the changes were rolled back before 2.5 final) This was done because the CSS coming from these files was tricky to overrule. Actually the HTML block one is actually very simple. The only reason its was done like this was because it shared code with the settings and navigation blocks, but those changes were rolled back. The grader one however might take some more effort. Any shared CSS should be in the styles.css file and theme dependent stuff moved to either Base or Bootstrapbase. It could also just generally be tidied up at the same time, since it has duplication and rules for IE6, 7 etc.
7.summary: Make the text editors mobile friendly
description: It would be user friendly to display tinymce and other editor in full screen on mobile devices. a) moodle detects its running on a mobile device b) The forms only display a readonly lookalike textaera instead of text editors. Clicking on the read only lookalike textarea display tinymce in fullscreenmode (not movable, not resizable). Im not sure if its technically possible (when probably can hide tinymce then unhide it on the top of the all page - we would just need some button DONE/CANCEL) Tackling this issue will help to resolve other existing tracker issues about the annoying screen zoom, scrolling, images outside the screen, smallish button...
8.summary: ADD a side-post-only layout to Bootstrapbase
description: Since was integrated we are now being asked in the Themes forum how to have a side-post-only theme. None of the layouts provided in Bootstrapbase cater for a side-post-only layout. Sure the three columns3.php will do the job, but runs the risk of allowing blocks on the left (side-pre) when none are required there and that only side-post should be the default region.
9.summary: POLICY: Make Clean theme the default for Moodle 2.7
description: If clean is to be the default theme for 2.7 we should collect all the outstanding fixes required and make a push to get it ready.
10.summary: File manager form elements size
description: When adding a file to a file manager the size of the form elements seems a bit weird
11.summary: Mobile: scroll down the activity chooser, the course page is also scroll down.
description: Android 4.4.2 - Nexus 4 - bootstrap Scroll multiple time down on the activity chooser. Press cancel. The course page has been scrolled down. The user doesnt know where he is anymore. PS: maybe its a specific OS/Phone issue that will get fix automatically later, just check how many phones/OS are impacted and if its worh to fix it.
12.summary: Make Clean as the default theme in 2.7.
description: Clean needs to be the default theme in 2.7. Resolving this issue is most likely impacted by
13.summary: Remove nowrap from .flexible th
description: One of Moodles routines for creating table markup adds a .flexible class to the table, and the core CSS then adds whitespace: nowrap to the table headers. This is obviously intended to make the headers look neater on big screens, but makes the tables harder to view on small screens.
