diff options
| author | Morris Jobke <hey@morrisjobke.de> | 2014-07-28 13:15:19 +0200 |
|---|---|---|
| committer | Morris Jobke <hey@morrisjobke.de> | 2014-07-28 13:15:19 +0200 |
| commit | 798ffd9d7c51182ff1bfb6c20e633babcb524176 (patch) | |
| tree | 0c15523d7fdfbdf5d3afd0c4691d104480f2b464 /core/css | |
| parent | 539d2b7ec361bb4299a631f5d0980c482ffcb278 (diff) | |
| parent | 3013b260923da3f27f452a9060f400737564f5ed (diff) | |
| download | nextcloud-server-798ffd9d7c51182ff1bfb6c20e633babcb524176.tar.gz nextcloud-server-798ffd9d7c51182ff1bfb6c20e633babcb524176.zip | |
Merge pull request #9853 from owncloud/design-mobile-search
improve look of search on mobile, save space in top bar, fix overlap
Diffstat (limited to 'core/css')
| -rw-r--r-- | core/css/icons.css | 3 | ||||
| -rw-r--r-- | core/css/mobile.css | 16 |
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 */ |