[PATCH 00/46] A re-styling of Patchwork

Damien Lespiau damien.lespiau at intel.com
Sun Nov 9 06:08:18 AEDT 2014

Hi all,

A small introduction first:

I'm part of the i915 driver team and we'd like to use patchwork. However, there
are a few things getting in the way: the bigger item is that patchwork doesn't
scale very well above a certain threshold of patches.

We have a number of ideas to improve the situation, mainly being able to
manipulate a higher level object, the "series", instead of "patches". There's a
a somewhat unstructured todo list at:


But I'm getting ahead of myself here. This is mostly a spare time project, and
this re-styling series is only a step on the road.

Belén, a designer working in my office on Yocto (www.yoctoproject.org), has
been kind enough to spend some of her spare time doing a pass on the patchwork
HTML/CSS and I've sprinkled a few ideas of my own as well. We've tried to
respect what was there and offer a slight refresh for the first pass. It's
possible to see the result at:


Instead of needing to pull the patches one by one from the list, it's possible
to grab them from my github repo (https://github.com/dlespiau/patchwork) where
I maintain "topic" branches. The two branches of interest for now are:

  - topic/base contains all the small patches already sent to this list

  - topic/redesign contains the 46 patches sent with this series. This branch
    is constantly rebased on top of topic/base. topic/base..topic/redesign is
    what is being sent here.

In this repository, the drm-intel branch is the result of merging all topic
branches not yet merged upstream.



Belén Barros Peña (12):
  style.css: Tune <a> styling
  templates: Move "About" at the bottom of the page
  html: Turn the navbar into a breadcrumb bar
  style.css: Provide a default <h2> style
  patch-list: Split the filter out of the patch table
  filters: Put the active filter values in bold
  patch-list: Re-design the main list of patches with Bootsrap
  paginator: Tweak the number of pages shown
  paginator: Redesign the paginator
  patch: Pull the download links next to the "Patch" header
  patch: Redesign slightly the comment headers
  patch: Move the submitter and date out of the details

Damien Lespiau (34):
  templates: Pull jquery into base.html
  htdocs: Add bootstrap
  template: Add bootstrap to the base template
  urls: Expose the fonts directory for bootstrap's glyphicons
  list: Replace the 16-arrow* icons by glyphicons
  sytle.css: Remove the body selector, letting bootstrap's shine through
  style.css: Move the global <a> styling at the top
  templates: Redesign the title bar
  templates: Redesign the breadcrumbs bar
  templates: Remove extraneous blank line at the end of base.html
  base: Move the project info into the navigation bar
  base: Don't display the breadcrumb bar on the project list page
  style.css: Rename the breadcrumb selectors
  filters: Use the glyphicons for add/remove signs
  filters: Fix a typo in comment
  filters: Redesign the filters form with the help of bootstrap
  selectize: Add selectize to patchwork
  base: Add selectize to the base template
  filters: Rewrite the submitter autocompletion code
  tests: Fix the submitter completion tests
  test_list: Fix the order tests
  package: Add the Sticky Table Header jQuery plugin
  patch-list: Make the table header sticky
  base: Group username/profile/logout with a dropdown
  base: Capitalize the menu items in the navbar
  base: Use a Bootstrap badge for the number of todo items
  patchform: Minimal changes so patchform titles don't look out of place
  boxes: Style boxes like the patch form
  style: Make the submission tables use #0A0A47
  patch: Remove the permalink item
  patch: Single out the commit message
  patch: Pull the patch between the commit message and comments
  patch: Override Bootstrap's <pre> styling
  patch-list: Limit the number of chars to 100 for the patch subject

 apps/patchwork/filters.py                          |  30 +-
 apps/patchwork/models.py                           |  11 +-
 apps/patchwork/paginator.py                        |   8 +-
 apps/patchwork/tests/test_list.py                  |   2 +-
 apps/patchwork/tests/test_person.py                |   4 +-
 apps/patchwork/utils.py                            |   5 +
 apps/patchwork/views/base.py                       |  18 +-
 apps/urls.py                                       |   2 +
 htdocs/css/bootstrap.min.css                       |   5 +
 htdocs/css/selectize.bootstrap3.css                | 401 +++++++++++++++++++++
 htdocs/css/style.css                               | 198 ++++------
 htdocs/fonts/glyphicons-halflings-regular.eot      | Bin 0 -> 20335 bytes
 htdocs/fonts/glyphicons-halflings-regular.svg      | 229 ++++++++++++
 htdocs/fonts/glyphicons-halflings-regular.ttf      | Bin 0 -> 41280 bytes
 htdocs/fonts/glyphicons-halflings-regular.woff     | Bin 0 -> 23320 bytes
 htdocs/images/16-arrow-down.png                    | Bin 354 -> 0 bytes
 htdocs/images/16-arrow-up.png                      | Bin 332 -> 0 bytes
 htdocs/images/16-circle-blue-add.png               | Bin 477 -> 0 bytes
 htdocs/images/16-circle-blue-remove.png            | Bin 475 -> 0 bytes
 htdocs/images/title-background.png                 | Bin 246 -> 0 bytes
 htdocs/js/bootstrap.min.js                         |   6 +
 htdocs/js/jquery.stickytableheaders.min.js         |   1 +
 htdocs/js/selectize.min.js                         |   3 +
 lib/packages/jquery/README                         |  19 +-
 .../jquery/jquery.stickytableheaders.min.js        |   1 +
 templates/base.html                                | 119 +++---
 templates/patchwork/bundle.html                    |   3 -
 templates/patchwork/filters.html                   | 193 +++-------
 templates/patchwork/list.html                      |   1 +
 templates/patchwork/pagination.html                |   2 +-
 templates/patchwork/patch-list.html                |  56 ++-
 templates/patchwork/patch.html                     |  84 +++--
 32 files changed, 996 insertions(+), 405 deletions(-)
 create mode 100644 htdocs/css/bootstrap.min.css
 create mode 100644 htdocs/css/selectize.bootstrap3.css
 create mode 100644 htdocs/fonts/glyphicons-halflings-regular.eot
 create mode 100644 htdocs/fonts/glyphicons-halflings-regular.svg
 create mode 100644 htdocs/fonts/glyphicons-halflings-regular.ttf
 create mode 100644 htdocs/fonts/glyphicons-halflings-regular.woff
 delete mode 100644 htdocs/images/16-arrow-down.png
 delete mode 100644 htdocs/images/16-arrow-up.png
 delete mode 100644 htdocs/images/16-circle-blue-add.png
 delete mode 100644 htdocs/images/16-circle-blue-remove.png
 delete mode 100644 htdocs/images/title-background.png
 create mode 100644 htdocs/js/bootstrap.min.js
 create mode 120000 htdocs/js/jquery.stickytableheaders.min.js
 create mode 100644 htdocs/js/selectize.min.js
 create mode 100644 lib/packages/jquery/jquery.stickytableheaders.min.js


More information about the Patchwork mailing list