Ticket #1380 (new enhancement) — at Version 2

Opened 3 years ago

Last modified 2 years ago

Making customizing CSS easier

Reported by: zephod Owned by: zephod
Priority: major Milestone: ckan-sprint-2011-11-07
Component: ckan Keywords:
Cc: dread Repository: ckan
Theme: none

Description (last modified by rgrp) (diff)

While integrating the new theme and making a large number of UX tweaks, I've allowed the CSS file to bloat out of control with some very specific rules and subtle hacks, as well as a couple of clearfix <div> objects in the markup which isn't really good practice.

In general we want a logical CSS structure which is as easy to modify as possible. You should not find yourself being overwritten by highly specific rules all the time!

Actions

  1. Clean up css
  2. Add a config option ckan.template_head_end - arbitrary string inserted at end of <head> tag so you can add custom css etc (may also want to update theming docs to reflect possibility of using this)

Background

David Read sent me the following as background:

  1. basic theming is described here: http://docs.ckan.org/en/latest/theming.html

Deep customisation of the templates is done by creating an extension, with this as a template: https://bitbucket.org/okfn/ckanext-exampletheme/overview

That's what Augusto and the Brazilians have done http://alpha.dados.gov.br/dados/ and their code is here: hg clone http://dev.dados.gov.br/codigo/dev/tema-ckan <snip> Another thing of interest was us becoming compatible with Wordpress themes last December. Richard Pope worked with Rufus on this. I believe the base theme is 'twentyten' and I'm guessing that one would swap that css file with another to change theme, but I don't know. I don't know if this feature has been dropped since then. http://lists.okfn.org/pipermail/ckan-dev/2010-December/000073.html

Dave

Change History

comment:1 Changed 3 years ago by dread

  • Cc dread added

comment:2 Changed 3 years ago by rgrp

  • Priority changed from awaiting triage to major
  • Summary changed from Adding custom CSS could be easier to Making customizing CSS easier
  • Description modified (diff)
  • Milestone changed from ckan-backlog to ckan-sprint-2011-11-07
Note: See TracTickets for help on using tickets.