[Pkg-owncloud-commits] [owncloud] 15/61: improve look of search on mobile, save space in top bar

[David Prévot]

This is an automated email from the git hooks/post-receive script.

taffit pushed a commit to branch master
in repository owncloud.

commit 2d7379da2c172fac069fdb2828e69bfd8a4b9be7
Author: Jan-Christoph Borchardt <hey at jancborchardt.net>
Date:   Thu Jul 24 14:38:19 2014 +0200

    improve look of search on mobile, save space in top bar
---
 core/css/icons.css                |   3 +++
 core/css/mobile.css               |  16 +++++++++++-----
 core/img/actions/search-white.png | Bin 0 -> 309 bytes
 core/img/actions/search-white.svg |   5 +++++
 4 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/core/css/icons.css b/core/css/icons.css
index 60f0b1b..534c1c6 100644
--- a/core/css/icons.css
+++ b/core/css/icons.css
@@ -136,6 +136,9 @@
 .icon-search {
 	background-image: url('../img/actions/search.svg');
 }
+.icon-search-white {
+	background-image: url('../img/actions/search-white.svg');
+}
 
 .icon-settings {
 	background-image: url('../img/actions/settings.svg');
diff --git a/core/css/mobile.css b/core/css/mobile.css
index 6e2172d..21090d0 100644
--- a/core/css/mobile.css
+++ b/core/css/mobile.css
@@ -31,16 +31,22 @@
 
 /* compress search box on mobile, expand when focused */
 .searchbox input[type="search"] {
-	width: 15%;
-	-webkit-transition: width 100ms;
-	-moz-transition: width 100ms;
-	-o-transition: width 100ms;
-	transition: width 100ms;
+	width: 0;
+	cursor: pointer;
+	background-color: transparent;
+	background-image: url('../img/actions/search-white.svg');
+	-webkit-transition: all 100ms;
+	-moz-transition: all 100ms;
+	-o-transition: all 100ms;
+	transition: all 100ms;
 }
 .searchbox input[type="search"]:focus,
 .searchbox input[type="search"]:active {
 	width: 155px;
 	max-width: 50%;
+	cursor: text;
+	background-color: #fff;
+	background-image: url('../img/actions/search.svg');
 }
 
 /* do not show display name on mobile when profile picture is present */
diff --git a/core/img/actions/search-white.png b/core/img/actions/search-white.png
new file mode 100644
index 0000000..9812c44
Binary files /dev/null and b/core/img/actions/search-white.png differ
diff --git a/core/img/actions/search-white.svg b/core/img/actions/search-white.svg
new file mode 100644
index 0000000..9b312d0
--- /dev/null
+++ b/core/img/actions/search-white.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.0" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
+ <rect style="color:#000000" fill-opacity="0" height="97.986" width="163.31" y="-32.993" x="-62.897"/>
+ <path style="color:#000000" d="m6 1c-2.7614 0-5 2.2386-5 5s2.2386 5 5 5c0.98478 0 1.8823-0.28967 2.6562-0.78125l4.4688 4.625c0.09558 0.10527 0.22619 0.16452 0.375 0.15625 0.14882-0.0083 0.3031-0.07119 0.40625-0.1875l0.9375-1.0625c0.19194-0.22089 0.19549-0.53592 0-0.71875l-4.594-4.406c0.478-0.7663 0.75-1.6555 0.75-2.625 0-2.7614-2.2386-5-5-5zm0 2c1.6569 0 3 1.3431 3 3s-1.3431 3-3 3-3-1.3431-3-3 1.3431-3 3-3z" fill="#fff"/>
+</svg>

-- 
Alioth's /usr/local/bin/git-commit-notice on /srv/git.debian.org/git/pkg-owncloud/owncloud.git