36 lines
1.3 KiB
Plaintext
36 lines
1.3 KiB
Plaintext
The "new" datatracker uses Twitter Bootstrap for the UI.
|
|
|
|
Get familiar with http://getbootstrap.com/getting-started/ and use those
|
|
UI elements instead of cooking up your own.
|
|
|
|
We have some site-wide customization applied to the bootstrap version we keep
|
|
in bootstrap/ (from which the minified dist version is built); it modifies
|
|
some stuff under less/
|
|
|
|
We also apply some additional customizations in static/css/ietf.css; we
|
|
should eventually move that under bootstrap/less/ if possible. (ietf.css was
|
|
what Lars used initially for customization with an unmodified bootstrap.)
|
|
|
|
Some ground rules:
|
|
|
|
* Think hard before tweaking the bootstrap CSS, it will make it harder to
|
|
upgrade to future releases.
|
|
|
|
* No <style> tags in the HTML! Put CSS into the "morecss" block of a
|
|
template instead.
|
|
|
|
* CSS that is used by multiple templates goes into static/css/ietf.css.
|
|
|
|
* Javascript that is only used on one template goes into the "js" block of
|
|
that template.
|
|
|
|
* Javascript that is used by multiple templates goes into static/js/ietf.js.
|
|
|
|
* Every template includes jquery, so write jquery code and not plain Javascript.
|
|
It's shorter and often faster.
|
|
|
|
* No CSS, HTML styling or Javascript in the python code!
|
|
|
|
* Templates that use jquery or bootstrap plugins include the css file in the
|
|
"pagehead" block, and the Javascript in the "js" block.
|