From ee6fe9718e9eba3ebcc6e11a1fac6a8621e8e612 Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Wed, 9 Apr 2014 12:51:32 +0200 Subject: make search results work on mobile as well --- search/css/results.css | 15 +++++++++------ 1 file changed, 9 insertions(+), 6 deletions(-) diff --git a/search/css/results.css b/search/css/results.css index 8a32b0b995d..c41e23af8a4 100644 --- a/search/css/results.css +++ b/search/css/results.css @@ -9,13 +9,14 @@ list-style:none; max-height:80%; overflow-x:hidden; - overflow-y: scroll; + overflow-y: auto; padding-bottom:6px; position:fixed; right:0; text-overflow:ellipsis; top:45px; width:380px; + max-width: 95%; z-index:75; } @@ -50,12 +51,14 @@ display: none; } -#searchresults td.result { - width:250px; +#searchresults .name, +#searchresults .text { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } -#searchresults td.result div.text { - padding-left:1em; - white-space:nowrap; +#searchresults .text { + padding-left: 16px; } #searchresults td.result * { -- cgit v1.2.3 From d72269d361bee3f00528c7f7ef739bf278280b8d Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Wed, 9 Apr 2014 12:55:10 +0200 Subject: increase height of result for better clickability --- search/css/results.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/search/css/results.css b/search/css/results.css index c41e23af8a4..679a695b041 100644 --- a/search/css/results.css +++ b/search/css/results.css @@ -45,7 +45,7 @@ #searchresults td { padding:0 .3em; - height: 32px; + height: 44px; } #searchresults tr.template { display: none; -- cgit v1.2.3 From 0ad8e1b1e6341688eb4052f6ad9a33792fd6f60f Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Wed, 9 Apr 2014 12:58:14 +0200 Subject: search: change date color to grey for less distraction --- search/css/results.css | 1 + 1 file changed, 1 insertion(+) diff --git a/search/css/results.css b/search/css/results.css index 679a695b041..a2fc5b002de 100644 --- a/search/css/results.css +++ b/search/css/results.css @@ -59,6 +59,7 @@ } #searchresults .text { padding-left: 16px; + color: 999; } #searchresults td.result * { -- cgit v1.2.3 From 1258cde0209b2ef86aeedcc9470cd654dce58bab Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Wed, 9 Apr 2014 13:20:46 +0200 Subject: fix search box wrapping on very narrow screens --- core/css/mobile.css | 1 + 1 file changed, 1 insertion(+) diff --git a/core/css/mobile.css b/core/css/mobile.css index c67ac3e5ecf..821da619295 100644 --- a/core/css/mobile.css +++ b/core/css/mobile.css @@ -19,6 +19,7 @@ .searchbox input[type="search"]:focus, .searchbox input[type="search"]:active { width: 155px; + max-width: 50%; } /* do not show display name on mobile when profile picture is present */ -- cgit v1.2.3 From f24b1509897299a3c80926da29ae0616bfbb17bf Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Tue, 15 Apr 2014 11:25:38 +0200 Subject: search: fix color hex code --- search/css/results.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/search/css/results.css b/search/css/results.css index a2fc5b002de..6aa73f55c33 100644 --- a/search/css/results.css +++ b/search/css/results.css @@ -59,7 +59,7 @@ } #searchresults .text { padding-left: 16px; - color: 999; + color: #999; } #searchresults td.result * { -- cgit v1.2.3