From e6cd88bbc0d38d0e7db1308ef7d2b8f1cfb38f5a Mon Sep 17 00:00:00 2001 From: Nicolas Danelon Date: Tue, 23 Jun 2015 11:03:11 -0300 Subject: [PATCH 1/4] filter input search responsive fixed (mobile) --- inc/awesomplete.css | 3 ++- inc/shaarli.css | 7 ++++++- 2 files changed, 8 insertions(+), 2 deletions(-) diff --git a/inc/awesomplete.css b/inc/awesomplete.css index 76f903f..a7a8bc7 100644 --- a/inc/awesomplete.css +++ b/inc/awesomplete.css @@ -94,4 +94,5 @@ div.awesomplete li:hover mark { div.awesomplete li[aria-selected="true"] mark { background: hsl(86, 102%, 21%); color: inherit; -} \ No newline at end of file +} + diff --git a/inc/shaarli.css b/inc/shaarli.css index fcd5c6a..fe95964 100644 --- a/inc/shaarli.css +++ b/inc/shaarli.css @@ -222,7 +222,7 @@ h1 { } .tagfilter div.awesomplete { - width: inherit; + width: 20%; } .tagfilter #tagfilter_value { @@ -976,6 +976,11 @@ div.dailyNoEntry { @media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 854px) { /* A few fixes for mobile devices (far from perfect). */ + + .tagfilter div.awesomplete { + width: 70%; + } + .nomobile { display: none; } From 3d713bd18fc970388ca7ee33a501eb036aa14e03 Mon Sep 17 00:00:00 2001 From: Nicolas Danelon Date: Tue, 23 Jun 2015 11:22:11 -0300 Subject: [PATCH 2/4] Update awesomplete.css --- inc/awesomplete.css | 1 - 1 file changed, 1 deletion(-) diff --git a/inc/awesomplete.css b/inc/awesomplete.css index a7a8bc7..47c1928 100644 --- a/inc/awesomplete.css +++ b/inc/awesomplete.css @@ -95,4 +95,3 @@ div.awesomplete li[aria-selected="true"] mark { background: hsl(86, 102%, 21%); color: inherit; } - From 504a42540946a55c0c7116119ef6ed7c5a91aa5f Mon Sep 17 00:00:00 2001 From: Nicolas Danelon Date: Tue, 23 Jun 2015 15:30:13 -0300 Subject: [PATCH 3/4] fix no javascript --- inc/awesomplete.css | 1 - inc/shaarli.css | 5 ----- 2 files changed, 6 deletions(-) diff --git a/inc/awesomplete.css b/inc/awesomplete.css index 47c1928..0382e13 100644 --- a/inc/awesomplete.css +++ b/inc/awesomplete.css @@ -8,7 +8,6 @@ div.awesomplete { display: inline-block; position: relative; - width: 100%; } div.awesomplete > input { diff --git a/inc/shaarli.css b/inc/shaarli.css index fe95964..0a106c5 100644 --- a/inc/shaarli.css +++ b/inc/shaarli.css @@ -221,12 +221,7 @@ h1 { margin-left:24px; } -.tagfilter div.awesomplete { - width: 20%; -} - .tagfilter #tagfilter_value { - width: 100%; display: inline; } From 38eb1e7770ca87b481872f17b66fba42ea873432 Mon Sep 17 00:00:00 2001 From: Nicolas Danelon Date: Tue, 23 Jun 2015 15:32:23 -0300 Subject: [PATCH 4/4] cursor pointer for label (ux improvement) --- inc/shaarli.css | 1 + 1 file changed, 1 insertion(+) diff --git a/inc/shaarli.css b/inc/shaarli.css index 0a106c5..95732da 100644 --- a/inc/shaarli.css +++ b/inc/shaarli.css @@ -344,6 +344,7 @@ h1 { } #headerform label { + cursor: pointer; margin-right: 10px; }