diff options
| author | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2014-02-20 11:33:46 +0100 |
|---|---|---|
| committer | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2014-02-20 11:33:46 +0100 |
| commit | 3e2c56157bfb20fbc48bdf668bd56fb47bd7cc1f (patch) | |
| tree | b344c8d3e0b48308c4f771af553b46a17563599d /core/css/mobile.css | |
| parent | 3bd984ebf08f2a5c1342e799f2610862fe768720 (diff) | |
| download | nextcloud-server-3e2c56157bfb20fbc48bdf668bd56fb47bd7cc1f.tar.gz nextcloud-server-3e2c56157bfb20fbc48bdf668bd56fb47bd7cc1f.zip | |
reduce width of searchbox on mobile, fix overlap, fix #7282
Diffstat (limited to 'core/css/mobile.css')
| -rw-r--r-- | core/css/mobile.css | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/core/css/mobile.css b/core/css/mobile.css new file mode 100644 index 00000000000..a4cca6f37f6 --- /dev/null +++ b/core/css/mobile.css @@ -0,0 +1,20 @@ +@media only screen and (max-width: 600px) { + +/* compress search box on mobile, expand when focused */ +.searchbox input[type="search"] { + width: 17%; + -webkit-transition: width 100ms; + -moz-transition: width 100ms; + -o-transition: width 100ms; + transition: width 100ms; +} +.searchbox input[type="search"]:focus, +.searchbox input[type="search"]:active { + width: 155px; + -webkit-transition: width 100ms; + -moz-transition: width 100ms; + -o-transition: width 100ms; + transition: width 100ms; +} + +} |