Revision of Less Variables - other

1 Initial Problem

Less (maybe in future versions SASS) Variables are a great way the give Less files a more coherent structure. Bootstrap provides a great number of variables in it's variables.less files. Some of those variables are used in ILIAS but not nearly all. With ILIAS 5.2 there might be a possibility to edit less variables and so create new skins directly in the frontend. This only works well, if the less variables are properly set.

2 Conceptual Summary

1. Enhance the set of less variables in use based on the less variables provided by bootstrap.
2. Clearly describe the role and context for each variable and set the proper dependencies (which variable depends on which).
3. Introduce new variables for properties not covered by the bootstrap variables to make important ILIAS elements (like header, footer etc.) completely configurable by less variables.
4. Clearly structure the less variables file with sections, description of sections, variables and description of variables.
5. Introduce those variables in the proper places in the less files of ILIAS.

We intend to perform this project in two major steps:

1. Propose less variables and their structure in close cooperation with the Kitchen Sink group (goals 1-4). 
2. Introduce those less variables in the Less files (goal 5).

3 User Interface Modifications

3.1 List of Affected Views

{Please list all views (screens) of ILIAS that should be modified, newly introduced or removed.}

3.2 User Interface Details

{For each of these views please list all user interface elements that should be modified, added or removed. Please provide the textual appearance of the UI elements and their interactive behaviour.}

3.3 New User Interface Concepts

{If the proposal introduces any completely new user interface elements, you might consult UI Kitchen Sink in order to find the necessary information to propose new UI-Concepts. Note that any maintainer might gladly assist you with this.}

4 Technical Information

{The maintainer has to provide necessary technical information, e.g. dependencies on other ILIAS components, necessary modifications in general services/architecture, potential security or performance issues.}

5 Contact

• Author of the Request: Amstutz, Timon [amstutz], Universität Bern
• Maintainer: {Please add your name before applying for an initial workshop or a Jour Fixe meeting.}
• Implementation of the feature is done by: {The maintainer must add the name of the implementing developer.}

6 Funding

If you are interest in funding this feature, please add your name and institution to this list.

• …

7 Discussion

Jackisch, Ingo [jackisch]: With the 5.2 release, we have a good step in that direction and the changes are very useful for my installations.
Since DHBW Logos are not in a sqaure format, an adaptation for non square logos is very desirable (see also mantis 20352.
Since logos should not take too much space in a mobile view or on a small screen, there should possibly be an opportunity to use a (second) reduced logo when switching to the small variant of a theme. As a workaround I implemented a clipped logo in my theme(see mantis report above), but I think a second logo would be more flexible and easier to manage. 

8 Implementation

{The maintainer has to give a description of the final implementation and add screenshots if possible.}

Test Cases

Test cases completed at {date} by {user}

• {Test case number linked to Testrail} : {test case title}

Approval

Approved at {date} by {user}.