Mercurial > kallithea
changeset 7188:02aef1484695
less: use Bootstrap columns for changeset graph
Using a fixed width doesn't make good use of the available space.
On small screens the graph uses too much space, so the other columns can not be
displayed.
On big screens there'd be more space to display more parallel branches in the
graph.
author | domruf <dominikruf@gmail.com> |
---|---|
date | Sun, 29 Oct 2017 21:30:23 +0100 |
parents | 522cfb2be9e1 |
children | e420e389d44c |
files | kallithea/public/less/style.less |
diffstat | 1 files changed, 9 insertions(+), 23 deletions(-) [+] |
line wrap: on
line diff
--- a/kallithea/public/less/style.less Sun Nov 26 13:12:46 2017 +0100 +++ b/kallithea/public/less/style.less Sun Oct 29 21:30:23 2017 +0100 @@ -344,32 +344,12 @@ padding: 5px; color: #888; } -#graph_nodes { - position: absolute; - width: 100px; -} -#graph_content, -#graph_content_pr, -#graph .container_header { - margin-left: 100px; -} -#graph_content { - position: relative; -} table#updaterevs-table tr.mergerow, table#updaterevs-table tr.out-of-range, table#changesets tr.mergerow, table#changesets tr.out-of-range { opacity: 0.6; } -#updaterevs-graph { - position: relative; - width: 40px; - height: 0; -} -#updaterevs-table { - margin-left: 40px !important; -} .issue-tracker-link { color: #3F6F9F; font-weight: bold !important; @@ -756,9 +736,15 @@ margin-left: 0; } -#content div.panel .changelog-panel > .changelog-heading, -#content div.panel .changelog-panel > ul.pagination { - margin-left: 100px; +/* changelog graph */ +#graph_nodes, +#updaterevs-graph { + .make-xs-column(1); +} +#graph_content, +#graph_content_pr, +#updaterevs-table { + .make-xs-column(11); } /* repo table icons */