readme_moodle.txt 2.46 KB
Newer Older
1
Description of Twitter bootstrap import into Moodle
2
3
4
5
6
7
8
9
10
11
12

Twitter bootstrap
-----------------
The bootstrap theme uses the original unmodified version 2.3.0 Twitter bootstrap less files. These are
Object Oriented CSS files. The bootstrap repository is available on:

https://github.com/twitter/bootstrap.git

To update to the latest release of twitter bootstrap:
* remove all files from less/bootstrap,
* download the new less files and store them in less/bootstrap
13
* Apply change in MDL-42195 (We don't want responsive images by default).
14
* Apply change in MDL-48328 (We need to reset the width of the container directly, in ./less/bootstrap/navbar.less, using the calculated value found in ./less/bootstrap/mixin.less).
15
* regenerate css files using grunt
16
* update ./thirdpartylibs.xml
17
18
19

** If you want to make changes to the .css generated from these .less files then you
need to install recess (https://github.com/twitter/recess) to compile the .less files,
20
then run these commands in the bootstrapbase/less/ folder:
21

22
23
24
25
26
27
28
bootstrap.js
------------
Version: 2.3.0

An alteration was made to the JavaScript to allow nested navigation to work properly on small screens (MDL-51819).
Bootstap 3 does away with nested menus (https://github.com/twbs/bootstrap/pull/6342), So a completely different solution
may be required if we upgrade this further.
29
30
31
32
33
34
35
36

html5shiv.js
------------
This theme uses the original unmodified html5shiv.js JavaScript library to enable HTML5 tags in IE7 and IE8.
This library is available on:

https://github.com/aFarkas/html5shiv/blob/master/src/html5shiv.js

37
38
To update to the latest release of html5shiv:
* download and replace: javascript/html5shiv.js
39
* update ./thirdpartylibs.xml
40
41
42
43
44
45
46
47
48
49
50
51
52
53

variables.less
------------
The calculations for the following variables have been enclosed in parentheses in order for them to be correctly output
in the compiled CSS (MDL-53152):
* @fontSizeLarge
* @fontSizeSmall
* @fontSizeMini
* @inputHeight
* @navbarCollapseDesktopWidth
* @popoverArrowOuterWidth
* @gridRowWidth
* @gridRowWidth1200
* @gridRowWidth768
54
55
56
57
58
59
60

popovers.less
-------------
MDL-60250 - The '/*rtl:ignore*/' directive has been added to the 'left' attribute of the 'popover' class so that
the rtlcss-php tool (https://github.com/moodlehq/rtlcss-php) does not flip this to a 'right' attribute and cause
the popover to be misplaced on the page when the JavaScript calculates the postion of the popover and adds an
overriding inline CSS 'left' attribute which is fine in LTR languages but confuses it in RTL languages.