Mercurial > kallithea
view docs/usage/customization.rst @ 7044:eaf600434cf5
less: change markup and styling for the logo shown in the top left corner
Based on work by Dominik Ruf, but in this changeset, the goal is just to
improve markup and styling while keeping exactly the same look and feel. In
that process, it also fixes some browser specific issues that gave odd
spacing/positioning.
All styling (especially the logo image URL) is moved to CSS/LESS, using
background-image styling instead of an img tag.
The logo image is made a :before on the site branding text and will usually
have to align with this text, so we use inline-block to align to the baseline.
We set the right amount of negative margin-bottom so the image can go below the
baseline.
We use a "big enough" negative margin-top to allow the image to bleed outside
the line height and into the 12px top padding.
We assume the background image doesn't need cropping or panning and do thus not
set background-size, background-position, or background-repeat.
author | Mads Kiilerich <mads@kiilerich.com> |
---|---|
date | Mon, 27 Nov 2017 02:55:44 +0100 |
parents | 2c3d30095d5e |
children | 8152f9e6a778 |
line wrap: on
line source
.. _customization: ============= Customization ============= There are several ways to customize Kallithea to your needs depending on what you want to achieve. HTML/JavaScript/CSS customization --------------------------------- To customize the look-and-feel of the web interface (for example to add a company banner or some JavaScript widget or to tweak the CSS style definitions) you can enter HTML code (possibly with JavaScript and/or CSS) directly via the *Admin > Settings > Global > HTML/JavaScript customization block*. Behavioral customization: rcextensions -------------------------------------- Some behavioral customization can be done in Python using ``rcextensions``, a custom Python package that can extend Kallithea functionality. With ``rcextensions`` it's possible to add additional mappings for Whoosh indexing and statistics, to add additional code into the push/pull/create/delete repository hooks (for example to send signals to build bots such as Jenkins) and even to monkey-patch certain parts of the Kallithea source code (for example overwrite an entire function, change a global variable, ...). To generate a skeleton extensions package, run:: gearbox make-rcext -c my.ini This will create an ``rcextensions`` package next to the specified ``ini`` file. See the ``__init__.py`` file inside the generated ``rcextensions`` package for more details. Behavioral customization: code changes -------------------------------------- As Kallithea is open-source software, you can make any changes you like directly in the source code. We encourage you to send generic improvements back to the community so that Kallithea can become better. See :ref:`contributing` for more details.