guix/guix-cuirass
2
0
Fork 0
mirror of git://git.savannah.gnu.org/guix/guix-cuirass.git synced 2023-12-14 06:03:04 +01:00
Code Issues Releases Wiki Activity

Improve footer display.

Browse source
This commit is contained in:
Mathieu Othacehe 2021-03-27 10:38:36 +01:00
parent a0d42b171f
commit 7c5b788029
No known key found for this signature in database
GPG key ID: 8354763531769CA6
2 changed files with 21 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/cuirass/templates.scm
View file

@ -197,9 +197,8 @@ columnDefs: [
Home))
,@(navigation-items navigation)))
,(search-form query))
(main (@ (role "main") (class "container pt-4 px-1"))
,body
(hr))
(div (@ (class "container content"))
,body)
(footer
(@ (class "footer text-center"))
(p (a (@ (href "http://guix.gnu.org/cuirass/"))

29
src/static/css/cuirass.css
View file

@ -1,3 +1,20 @@
html, body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
body {
display: flex;
flex-direction: column;
}
.content {
flex: 1 0 auto;
padding: 1em;
}
#search input:focus {
width: 500px;
}
@ -44,16 +61,8 @@ a.dropdown-toggle:focus + .dropdown-menu {
content: none;
}
body {
margin-bottom: 60px; /* Margin bottom by footer height */
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
height: 50px; /* Set the fixed height of the footer here */
line-height: 60px; /* Vertically center the text there */
background-color: #f5f5f5;
flex-shrink: 0;
background-color: #f5f5f5;
}