Bug#778240: tracker.debian.org has much worse display clarity
Stéphane Blondon writes ("Re: Bug#778240: tracker.debian.org has much worse display clarity"):
> Le 18/12/2015 15:38, Raphael Hertzog a écrit :
> > But before spending lots of time with bootstrap, have a try by tweaking
> > distro_tracker/core/static/css/style.css and adding CSS for the list-group
> > and list-group-item classes to reduce the vertical padding and margin...
>
> It's a easier start. I have done a little tweak on the file:
> - background more dark
> - less vertical space for list element.
Oh, thanks for looking into this. As you see I hadn't yet managed to
do so myself. Thanks for (effectively) prodding and also for clearing
away the `how to start hacking on this' yak which I was slightly stuck
on.)
> There is a temporary hosted demo at
> http://stephane.yaal.fr/tmp/tracker/DebianPackageTrackerMost.html
I think this is an improvement.
IMO though the light weight of the font is the biggest problem.
I took what you had and messed about with it and discovered that I was
able to make the new tracker look much more like the old tracker with
some very simple further changes to the style.css:
http://www.chiark.greenend.org.uk/~ijackson/2015/tracker-font/DebianPackageTrackerMost.html
Ian.
>From 11e83091f08ee221d6748ab442bcf399ef0748c9 Mon Sep 17 00:00:00 2001
From: Ian Jackson <ijackson@chiark.greenend.org.uk>
Date: Mon, 28 Dec 2015 12:54:23 +0000
Subject: [PATCH] Denser use of screen space
Override some bootstrap-provided defaults:
* Switch default font. "Helvetica Neue" is very light. These other
fonts are heavier. This is more readable at any particular font
size.
* Use black writing rather than dark grey writing.
* Use a slightly darker shade of blue for links.
* Set the font size to 100% of the user's requested size.
(Why would you ever set this to something else for ordinary
body text?!)
* Set the line-height to 1. This gets a lot more info on
the screen at any particular font size.
Signed-off-by: Ian Jackson <ijackson@chiark.greenend.org.uk>
---
DebianPackageTrackerMost_fichiers/style.css | 8 ++++++++
1 files changed, 8 insertions(+), 0 deletions(-)
diff --git a/DebianPackageTrackerMost_fichiers/style.css b/DebianPackageTrackerMost_fichiers/style.css
index 0b33cbf..fd158ee 100644
--- a/DebianPackageTrackerMost_fichiers/style.css
+++ b/DebianPackageTrackerMost_fichiers/style.css
@@ -2,6 +2,14 @@
body{
background-color: #eee;
+ font-family: "DejaVu Sans","Bitstream Vera Sans",sans-serif;
+ color: #000;
+ font-size: 100%;
+ line-height: 1;
+}
+
+a:link{
+ color: #0530D7;
}
.page-header {
--
1.7.2.5
[1] http://www.chiark.greenend.org.uk/~ijackson/2015/tracker-font/.git/
also, but done in a totally hacky way
Reply to: