Mercurial > kallithea

changeset 7188:02aef1484695

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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 */