From: Damien Lespiau Date: Tue, 9 Sep 2014 13:22:25 +0000 (+0100) Subject: templates: Redesign the title bar X-Git-Tag: v1.1.0~188 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=6d854ab67ac01d62cbb29d299c5cfc6c4ac26083;p=thirdparty%2Fpatchwork.git templates: Redesign the title bar Let's use HTML5

and bootstrap navigation facilities for this. Among the nice things that bootstrap brings to the table, the navigation bar is now mobile friendly: it will collapse when either, being displayed on a mobile device or when the screen isn't wide enough, to show the various items in a togglable menu. This can be tested by resizing the browser to have a width < 768px. This commit is just about layout changes, keeping the exact same information displayed on the page. This is based on work from Belén Barros Peña, but transposed to bootstrap. Signed-off-by: Damien Lespiau Acked-by: Stephen Finucane --- diff --git a/htdocs/css/style.css b/htdocs/css/style.css index 16a66d4c..2d8a6b21 100644 --- a/htdocs/css/style.css +++ b/htdocs/css/style.css @@ -12,35 +12,30 @@ a:hover { top: 17em; } +.navbar-patchwork { + background-color: #0A0A47; + border-color: #e7e7e7; + margin-bottom: 0; + border-radius: 0; + color: #fff; +} -#title { - background: url('/static/images/title-background.png') top left repeat-x; - background-color: #786fb4; - margin: 0px; - padding-top: 0.1em; - padding-bottom: 0.0em; - padding-left: 2em; +.navbar-patchwork .navbar-toggle { + border-color: #ddd; } -#title h1, #title h1 a { - font-size: 16pt; - color: white; - margin-bottom: 0; +.navbar-patchwork .nav > li > a:hover, +.navbar-patchwork .nav > li > a:focus { + text-decoration: none; + background-color: #2E2E70; } -#auth { - border-left: thin solid white; - padding-top: 0em; - padding-left: 1.5em; - padding-right: 1.5em; - padding-top: 0.5em; - padding-bottom: 0.5em; - font-size: 90%; - float: right; - color: white; +.navbar-patchwork .navbar-toggle .icon-bar { + background-color: #eee; } -#auth a { - color: white; + +.navbar-patchwork a { + color: #fff; } #nav { diff --git a/htdocs/images/title-background.png b/htdocs/images/title-background.png deleted file mode 100644 index d850ad7e..00000000 Binary files a/htdocs/images/title-background.png and /dev/null differ diff --git a/templates/base.html b/templates/base.html index 0a2ced30..1e2d4c93 100644 --- a/templates/base.html +++ b/templates/base.html @@ -20,36 +20,40 @@ {% block headers %}{% endblock %} -

- Patchwork - {% block heading %}{% endblock %}

{% if project %}