first mobile style rules, hide extra columns in files view and scroll header

1 files changed, 18 insertions, 0 deletions

diff --git a/apps/files_sharing/css/mobile.css b/apps/files_sharing/css/mobile.css
new file mode 100644
index 00000000000..55d244ff1e0
--- /dev/null
+++ b/apps/files_sharing/css/mobile.css
@@ -0,0 +1,18 @@
+@media only screen and (max-width: 600px) {
+
+/* make header and controls bar scroll up for more view of content on small screens */
+#header,
+#controls {
+	position: absolute;
+}
+
+/* hide size and date columns */
+table th#headerSize,
+table td.filesize,
+table th#headerDate,
+table td.date {
+	display: none;
+}
+
+
+}