From 2d7379da2c172fac069fdb2828e69bfd8a4b9be7 Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Thu, 24 Jul 2014 14:38:19 +0200 Subject: [PATCH] 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(-) create mode 100644 core/img/actions/search-white.png create mode 100644 core/img/actions/search-white.svg diff --git a/core/css/icons.css b/core/css/icons.css index 60f0b1b8c60..534c1c66514 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 6e2172ddbb7..21090d08cb7 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 0000000000000000000000000000000000000000..9812c44a3d6bc3073bb2e32c4b1ff0d086f71e4b GIT binary patch literal 309 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbK}LV!<*>wg*pwxo%lfp*E41o;Is z=o*_?SX$XTcm#weR`gGrxBkMd+Yg_IBK4e + + + + -- 2.39.5