SAK-31076 Mobile - Table is not fully responsive (sakaiproject#2922)

This also solves SAK-31077 Mobile - subpages - "viewing x - y of z" dropdown appears in table, extra column SAK-31080 Mobile - Preferences not responsive
Oasis256 · Jun 24, 2016 · d8ef8f9 · d8ef8f9
1 parent 1559442
commit d8ef8f9
Show file tree

Hide file tree

Showing 5 changed files with 25 additions and 8 deletions.
diff --git a/reference/library/src/morpheus-master/sass/modules/tool/sitestats/_sitestats.scss b/reference/library/src/morpheus-master/sass/modules/tool/sitestats/_sitestats.scss
@@ -0,0 +1,20 @@
+.#{$namespace}sakai-sitestats{
+    .widget .ministatContainer {
+        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
+        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
+        display: -ms-flexbox;      /* TWEENER - IE 10 */
+        display: -webkit-flex;     /* NEW - Chrome */
+        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
+        flex-direction: row;
+
+        @media #{$phone}{
+            flex-direction: column;
+        }
+    }
+    #prefsForm .halfSize{
+        @media #{$phone}{
+            display: block;
+            width:100%;
+        }
+    }
+}
diff --git a/reference/library/src/morpheus-master/sass/tool.scss b/reference/library/src/morpheus-master/sass/tool.scss
@@ -38,6 +38,7 @@
 @import "modules/tool/signup/signup";
 @import "modules/tool/sitesetup/sitesetup";
 @import "modules/tool/dropbox/dropbox";
+@import "modules/tool/sitestats/sitestats";
 
 
 @import "base/rtl";

diff --git a/sitestats/sitestats-tool/src/webapp/css/sitestats.css b/sitestats/sitestats-tool/src/webapp/css/sitestats.css
@@ -84,12 +84,6 @@
 /** STAT WIDGET: Mini panels */
 .widget .ministatContainer {
     margin-left: 100px;
-    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
-    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
-    display: -ms-flexbox;      /* TWEENER - IE 10 */
-    display: -webkit-flex;     /* NEW - Chrome */
-    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
-    flex-direction: row;
 }
 .widget .ministat {
     padding: 0 10px;

diff --git a/sitestats/sitestats-tool/src/webapp/html/components/SakaiNavigationToolBar.html b/sitestats/sitestats-tool/src/webapp/html/components/SakaiNavigationToolBar.html
@@ -23,7 +23,7 @@
     <tr class="navigation" style="background: transparent !important;">
         <td wicket:id="span" class="nolines" style="background: transparent !important; border-top: 0px !important;">
             <div style="float: left;" class="viewNav"></div>
-            <div style="text-align: right;" class="listNav">
+            <div style="text-align: center;" class="listNav">
                 <div wicket:id="navigatorLabel" class="instruction">[navigator-label]</div>
                 <span wicket:id="navigator">[navigator]</span>
             </div>

diff --git a/sitestats/sitestats-tool/src/webapp/html/pages/ReportDataPage.html b/sitestats/sitestats-tool/src/webapp/html/pages/ReportDataPage.html
@@ -169,7 +169,9 @@ <h2>
 	            <form wicket:id="form">
 
 		            <!-- Report table -->
-		            <table class="listHier lines narrowTable" style="width: 99.9% !important" cellspacing="0" wicket:id="table">[table]</table>
+		            <div class="table-responsive">
+		              <table class="table table-hover table-bordered table-striped" style="width: 99.9% !important" cellspacing="0" wicket:id="table">[table]</table>
+		            </div>
 
 		            <!-- BUTTONS -->
 		            <p class="act">