Make the queue page fit on a smartphone screen.

salilab · Sep 28, 2015 · b1e690c · b1e690c
1 parent 3ac5e11
commit b1e690c
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/perl/saliweb/frontend.pm b/perl/saliweb/frontend.pm
@@ -1360,6 +1360,7 @@ sub display_submit_page {
 sub display_queue_page {
     my $self = shift;
     try {
+        $self->{responsive} = 1;
         $self->set_page_title("Queue");
         $self->{canonical_url} = $self->queue_url;
         $self->check_page_access('queue');

diff --git a/web/css/server.css b/web/css/server.css
@@ -376,7 +376,11 @@ h5 {
 	font-style: italic;
 }
 
-@media only screen and (max-device-width: 480px) {
+@media only screen and (max-device-width: 970px) {
+  html {
+    max-width: 970px;
+  }
+
   #left {
     display: none
   }

diff --git a/web/js/salilab.js b/web/js/salilab.js
@@ -361,6 +361,8 @@ function convert_utc_dates_to_local() {
   var nrows = e.rows.length;
   var first = true;
   var d = new Date();
+  var style = window.getComputedStyle(document.documentElement, null);
+  var max_width = style.getPropertyValue("max-width");
   for (var i = 0; i < nrows; i++) {
     if (e.rows[i].cells.length == 3) {
       if (first) {
@@ -374,7 +376,11 @@ function convert_utc_dates_to_local() {
         d.setUTCHours(inner.substr(11, 2));
         d.setUTCMinutes(inner.substr(14, 2));
         d.setUTCSeconds(inner.substr(17, 2));
-        e.rows[i].cells[1].innerHTML = d.toString();
+        if (max_width == "970px") {
+          e.rows[i].cells[1].innerHTML = d.toDateString();
+        } else {
+          e.rows[i].cells[1].innerHTML = d.toString();
+        }
       }
     }
   }