From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Wed, 25 Mar 2015 16:39:50 +0000 (+0100)
Subject: further adjustments of header and dropdown styles
X-Git-Tag: v8.1.0alpha1~163^2~12
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=ad596a0198c3ac1e5a295a0c16c54c41201ef95a;p=nextcloud-server.git

further adjustments of header and dropdown styles
---

diff --git a/core/css/header.css b/core/css/header.css
index f0f8b3a97fe..56d023f96ea 100644
--- a/core/css/header.css
+++ b/core/css/header.css
@@ -139,15 +139,17 @@
 
 #navigation {
 	position: fixed;
-	top: 55px;
+	top: 45px;
 	left: 10px;
 	width: 265px;
 	max-height: 85%;
 	margin-top: 0;
 	padding-bottom: 10px;
 	background-color: rgba(0, 0, 0, .97);
-	/*box-shadow: 0 0 7px rgba(30, 30, 30, .97);*/
-	border-radius: 5px;
+	box-shadow: 0 1px 10px rgba(50, 50, 50, .7);
+	border-radius: 3px;
+	border-top-left-radius: 0;
+	border-top-right-radius: 0;
 	display: none;
 	/*overflow-y: auto;
 	overflow-x: hidden;*/
@@ -285,7 +287,7 @@
 }
 #expand {
 	display: block;
-	padding: 7px 12px 6px 7px;
+	padding: 7px 30px 6px 22px;
 	cursor: pointer;
 }
 #expand * {
@@ -310,12 +312,14 @@
 #expanddiv {
 	position: absolute;
 	right: 10px;
-	top: 55px;
+	top: 45px;
 	z-index: 2000;
 	display: none;
 	background-color: rgba(0, 0, 0, .97);
-	/*box-shadow: 0 0 7px rgba(30, 30, 30, .97);*/
-	border-radius: 5px;
+	box-shadow: 0 1px 10px rgba(50, 50, 50, .7);
+	border-radius: 3px;
+	border-top-left-radius: 0;
+	border-top-right-radius: 0;
 	-moz-box-sizing: border-box; box-sizing: border-box;
 }
 	#expanddiv a {
diff --git a/core/css/mobile.css b/core/css/mobile.css
index 892612fc06a..874c42b92ef 100644
--- a/core/css/mobile.css
+++ b/core/css/mobile.css
@@ -39,6 +39,8 @@
 	-moz-transition: all 100ms;
 	-o-transition: all 100ms;
 	transition: all 100ms;
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
+	opacity: .7;
 }
 .searchbox input[type="search"]:focus,
 .searchbox input[type="search"]:active {
@@ -47,12 +49,18 @@
 	cursor: text;
 	background-color: #fff;
 	background-image: url('../img/actions/search.svg');
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+	opacity: 1;
 }
 
 /* do not show display name on mobile when profile picture is present */
 #header .avatardiv.avatardiv-shown + #expandDisplayName {
 	display: none;
 }
+#header #expand {
+	display: block;
+	padding: 7px 30px 6px 7px;
+}
 
 /* do not show update notification on mobile */
 #update-notification {
diff --git a/core/css/styles.css b/core/css/styles.css
index 12b6bbe9efb..c2d8a8f6eb3 100644
--- a/core/css/styles.css
+++ b/core/css/styles.css
@@ -240,14 +240,21 @@ textarea:disabled {
 .searchbox input[type="search"] {
 	position: relative;
 	font-size: 1.2em;
+	padding: 3px;
 	padding-left: 1.5em;
 	background: #fff url('../img/actions/search.svg') no-repeat .5em center;
 	border: 0;
-	border-radius: 2em;
+	border-radius: 3px;
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
+	opacity: .3;
+	margin-top: 9px;
+	float: right;
+}
+.searchbox input[type="search"]:hover,
+.searchbox input[type="search"]:focus,
+.searchbox input[type="search"]:active {
 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
 	opacity: .7;
-	margin-top: 6px;
-	float: right;
 }
 
 input[type="submit"].enabled {