Merge pull request #8922 from owncloud/design-controls-transparency

Bugfixes for mobile

apps/files/css/files.css

@@ -92,21 +92,6 @@
 	height: 100%;
 }
 
-/**
- * Override global #controls styles
- * to be more flexible / relative
- */
-#body-user .app-files #controls {
-	left: 250px; /* sidebar width */
-	position: fixed;
-	padding-left: 0px;
-}
-
-/* this is mostly for file viewer apps, text editor, etc */
-#body-user .app-files.no-sidebar #controls {
-	left: 0px;
-}
-
 /* move Deleted Files to bottom of sidebar */
 .nav-trashbin {
 	position: absolute !important;
@@ -220,7 +205,7 @@ table.multiselect thead {
 	z-index: 10;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
-	left: 230px; /* sidebar */
+	left: 250px; /* sidebar */
 }
 
 table.multiselect thead th {

core/css/mobile.css

@@ -40,11 +40,6 @@
 	display: none;
 }
 
-/* don’t require a minimum width for controls bar */
-#controls {
-	min-width: initial !important;
-}
-
 /* position share dropdown */
 #dropdown {
 	margin-right: 10% !important;
@@ -109,12 +104,19 @@
 	opacity: 1;
 }
 
-/* fix controls bar for apps which don't use the standard */
-#body-user .app-files #controls,
-#user-controls {
+
+/* controls bar for mobile */
+#controls {
+	min-width: initial !important;
 	left: 0 !important;
-	padding-left: 44px !important;
+	padding-left: 0;
+	padding-right: 0 !important;
 }
+/* position controls for apps with app-navigation */
+#app-navigation+#app-content #controls {
+	padding-left: 44px;
+}
+
 /* .viewer-mode is when text editor, PDF viewer, etc is open */
 #body-user .app-files.viewer-mode #controls {
 	padding-left: 0 !important;
@@ -134,11 +136,8 @@ table.multiselect thead {
 
 
 /* fix controls bar jumping when navigation is slid out */
-.snapjs-left #app-navigation-toggle {
-	top: 0;
-}
-.snapjs-left .app-files #controls,
-.snapjs-left #user-controls {
+.snapjs-left #app-navigation-toggle,
+.snapjs-left #controls {
 	top: 0;
 }
 .snapjs-left table.multiselect thead {

core/css/styles.css

@@ -250,7 +250,7 @@ input[type="submit"].enabled {
 	width: 100%;
 	padding: 0;
 	margin: 0;
-	background: #eee;
+	background-color: rgba(235, 235, 235, .85);
 	border-bottom: 1px solid #e7e7e7;
 	z-index: 50;
 	-webkit-user-select: none;
@@ -258,6 +258,12 @@ input[type="submit"].enabled {
 	-ms-user-select: none;
 	user-select: none;
 }
+/* position controls for apps with app-navigation */
+#app-navigation+#app-content #controls {
+	left: 250px;
+	padding-right: 250px;
+}
+
 #controls .button,
 #controls button,
 #controls input[type='submit'],

core/js/js.js

@@ -1140,7 +1140,7 @@ function initCore() {
 	setupMainMenu();
 
 	// just add snapper for logged in users
-	if($('#body-login, #body-public').length === 0) {
+	if($('#app-navigation').length) {
 
 		// App sidebar on mobile
 		var snapper = new Snap({

settings/css/settings.css

@@ -5,17 +5,6 @@
 select#languageinput, select#timezone { width:15em; }
 input#openid, input#webdav { width:20em; }
 
-#user-controls {
-	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
-	position: fixed;
-	right: 0;
-	left: 250px;
-	height: 44px;
-	padding: 0; margin: 0;
-	background: #eee; border-bottom: 1px solid #e7e7e7;
-	z-index: 50;
-}
-
 /* PERSONAL */
 #rootcert_import {
 	margin: 0 0 10px 0;

settings/templates/users/part.createuser.php

@@ -1,4 +1,4 @@
-<div id="user-controls">
+<div id="controls">
 	<form id="newuser" autocomplete="off">
 		<input id="newusername" type="text"
 			placeholder="<?php p($l->t('Login Name'))?>"