github-mirror/framework
2
0
Fork 0
mirror of https://github.com/flarum/framework.git synced 2025-06-04 14:54:32 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Collapse search input on tablets. closes flarum/core#162

Browse Source 
While this solution isn't perfect (perhaps a search icon which opens a
dropdown would be better, like Discourse does) - it'll do for now :)
This commit is contained in:
Toby Zerner
2015-08-27 08:34:13 +09:30
parent 3b2a0697e2
commit 3e4a8fe769
3 changed files with 21 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
less/lib/Search.less
View File

@ -2,8 +2,11 @@
position: relative;
}
@media @tablet-up {
.Search {
input:focus, &.active input, .Search-results {
.Search.focused {
margin-left: -400px;
.transition(all 0.4s);
input, .Search-results {
width: 400px;
}
}
@ -51,9 +54,9 @@
input {
float: left;
width: 225px;
padding-left: 36px;
padding-right: 36px;
.transition(~"all 0.4s");
padding-left: 32px;
padding-right: 32px;
.transition(all 0.4s);
}
.Button {
float: left;