summaryrefslogtreecommitdiffstats
path: root/core/css
diff options
context:
space:
mode:
authorJan-Christoph Borchardt <hey@jancborchardt.net>2014-07-24 14:38:19 +0200
committerJan-Christoph Borchardt <hey@jancborchardt.net>2014-07-24 14:38:19 +0200
commit3013b260923da3f27f452a9060f400737564f5ed (patch)
tree43e54f9e9afce7698155667a040e551617a39dd0 /core/css
parentfa333c02a0807c6e8347dd1c84381c3584997209 (diff)
downloadnextcloud-server-3013b260923da3f27f452a9060f400737564f5ed.tar.gz
nextcloud-server-3013b260923da3f27f452a9060f400737564f5ed.zip
improve look of search on mobile, save space in top bar
Diffstat (limited to 'core/css')
-rw-r--r--core/css/icons.css3
-rw-r--r--core/css/mobile.css16
2 files changed, 14 insertions, 5 deletions
diff --git a/core/css/icons.css b/core/css/icons.css
index 508fe700ae7..b3a9454b565 100644
--- a/core/css/icons.css
+++ b/core/css/icons.css
@@ -128,6 +128,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 */