changeset 7189:e420e389d44c

less: shrink or hide less important changelog columns on smaller screens
author domruf <dominikruf@gmail.com>
date Tue, 20 Feb 2018 20:45:34 +0100
parents 02aef1484695
children 710b2eb8cc37
files kallithea/public/less/style.less
diffstat 1 files changed, 20 insertions(+), 0 deletions(-) [+]
line wrap: on
line diff
--- a/kallithea/public/less/style.less	Sun Oct 29 21:30:23 2017 +0100
+++ b/kallithea/public/less/style.less	Tue Feb 20 20:45:34 2018 +0100
@@ -789,15 +789,35 @@
   }
   .author {
     width: 200px;
+    @media (max-width: @screen-sm-max) {
+      width: 120px;
+    }
+    @media (max-width: @screen-xs-max) {
+      width: 20px;
+      /* keep gravatar but hide name on tiny screens to give important columns more room */
+      span {
+        .hidden;
+      }
+    }
   }
   .hash {
     .small;
     width: 110px;
+    @media (max-width: @screen-xs-max) {
+      width: 48px;
+    }
   }
   .date {
     .small;
     width: 100px;
   }
+  /* hide on small screens to give important columns more room */
+  .status,
+  .expand_commit,
+  .comments,
+  .extra-container {
+    .hidden-xs;
+  }
   .mid > .log-container {
     position: relative;
     overflow: hidden;